Почему margin не работает?

Question

[Генрих Ройзман]

Захотел написать сайт.
Решил выставить для body "margin: 0 auto", но не работает.
Тот же результат и с "p" и т.д.
Возможно это глупый вопрос, но я всё таки новичок, поэтому не бейте))

html и сss коды:
https://pastebin.com/6PNqYxRT

https://pastebin.com/8C2WdDkR

заранее спасибо)))))

Comments

[Rustam Bainazarov]

Что ожидаете увидеть и что не работает?
Чтобы .container выравнивался по середине, нужно ему, а не body дать margin: 0 auto;

[Генрих Ройзман]

Рустам Байназаров, я дал ссылки на коды)
В коде я создал хедер, присвоил ему background-color и написал в нём текст. В итоге - margin'ы, принадлежащие "p" и "body" сверху, своим присутствием мешают хедеру.

[Генрих Ройзман]

Рустам Байназаров, Если скопипастишь коды, то поймешь в чём проблема)))

[Rustam Bainazarov]

Генрих Ройзман, учитесь пользоваться нормальной песочницей https://jsfiddle.net, а не просто хранилищем кода.

[Rustam Bainazarov]

Генрих Ройзман, синтаксис CSS смотрели внимательно? Зачем тут ;? Самые азы:

[Генрих Ройзман]

Рустам Байназаров, знаю. первоначально - их не было.
Но это вообще не играет роль, так как - что с ними, что без них = результат 1 и тот же

[Rustam Bainazarov]

Генрих Ройзман, что вы ожидаете увидеть, скажите, пожалуйста? Я убрал у body ненужный margin auto и поставил его для .container. Все работает так, как и должно:

[Сергей Карвасарный]

не нужно трогать body)) делаете контейнер в нем и уже извращаетесь с ним)) Не по феншую так делать.

[Brad9aga]

Генрих Ройзман, еще как играет.

Answer 1

[Brad9aga]

1.body в верстке никогда не используй, за исключением некоторых моментов(оставлю это тебе).
2.используй для этого див обертку.
3.подучи css
4. (margin: 0 auto;)не правильная запись, достаточно (margin: auto;) указать.
5.твои точки с запятыми, которые не играют роли, еще как играют роли.
https://jsfiddle.net/yjb9gnu6/
p.s margin:auto, этот прием не работает, если элемент не блочный или у него не указана ширина.

Comments

[Rustam Bainazarov]

Уточняю, что margin: 0 auto; — это не неправильная запись. А лишь более полная, которая говорит, что margin-top и margin-bottom имеют значение 0, т. е. задает автоматические отступы только по горизонтали.

Может быть полезно в ряде случаев. Ну и более того, обычно так принято писать, чтобы выровнять горизонтально типичный блочный элемент в обычном контексте. Иначе при ряде обстоятельств можем получить ненужное выравние и по вертикали.

У некоторых версий IE11, кстати, есть проблема с пониманием margin: auto в любом контексте из-за бага с работой auto для вертикальных отступов, поэтому там для горизонтального выравнивания будет работать именно margin: 0 auto.

[Brad9aga]

Рустам Байназаров, ие это вообще отдельтная история

[Rustam Bainazarov]

Brad9aga, согласен, но сказанное до этого это не отменяет.