Как задать верхний отступ логотипу что бы header не съезжал вниз?

Question

[Alan_crow]

Нужно что бы логотип был на растоянии 50 px от верха страницы , если задаю его через margin весь header едет вниз

Comments

[WapSter]

Учите вёрстку очень позорно не знать блочные и строчные элементы и относительное позиционирование.
Upd: почитайте статьи о margin и ответ на ваш вопрос, если у блока нет паддинга, то марджин внутреннего элемента будет переноситься наружу родительского блока.

[Alan_crow]

Тимур Турсунбаев, Я именно тем и занят что учу верстку , большое спасибо )

[Dymok]

можно использовать padding-top для header'a

Answer 1

[Alfieros]

Держи.
И начни делать блокам отступы слева и справа хотя бы 15px, нижний и верхний отступ минимум 25px.
И для body добавь стили. Ты заметишь как с документом станет приятней работать.

body{
height: 100%;
width: 100%;
overflow: hidden;
font-family: 'Open sans', sans-serif;
letter-spacing: .1px;
color: #252525;
}

Решение:

Answer 2

[Евгений Залецкий]

А можно увидеть код CSS?

Comments

[Alan_crow]

body {
padding: 0px;
margin: 0px;
}

div, p, input, button, form {
box-sizing: border-box;
}
header {
background-color: #4e8598;
}

.logo {
height: 29px;
width: 121px;
margin: 50px auto;
}

[Евгений Залецкий]

Alan_crow, может я напишу не правильный ответ, но ты делаешь отступ от 4-ёх сторон, то есть, у тебя съезжает, пропиши для четырёх сторон, может поможет.

Answer 3

[Alan_crow]

Ну всё оказалось куда проще . Я просто задал марджин хедеру и получил нужный эффект без лишних проблем )