Это хорошая идея стилизовать тег body? - PullRequest
Новая
       0

Это хорошая идея стилизовать тег body?

5 голосов
/ 27 апреля 2011

На моем веб-сайте с фиксированной шириной есть макет, подобный следующему: 

<div id="wrapper">
  <header>...</header>
  <div id="content">...</div>
  <footer>...</footer>
</div>

И мой CSS похож на это: 

#wrapper {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

Стилизация тега <body>тот же способ также работает, и это делает мой код более читабельным, так как у меня меньше вложенных тегов <div>.

Является ли применение полей и фиксированных значений к <body> безопасной идеей?

Ответы [ 3 ]

8 голосов
/ 27 апреля 2011

Это совершенно безопасно, body - это элемент HTML, как и все остальные.

Для вашего макета вы все равно можете использовать #wrapper (кажется, как макет с фиксированной шириной), потому что выможет потребоваться установить фон для body (или сделать что-нибудь с видимым «пустым» пространством).

2 голосов
/ 27 апреля 2011

Я тестирую ширину / маржу / отступы для этих элементов в IETester теперь с помощью строгого XHTML-типа.

Пока у меня есть следующее для <body>:

IE 5.5 -FAIL (не устанавливает ширину или фон расширяется за пределы размеров), отступы / поля ОК

IE 6 - PASS

IE 7 - PASS

IE 8 - ширина значенияно не справились с отступом / полем отлично

Страница, которую я использую здесь

Тестирование с шириной и полем, примененным к элементу html здесь :

IE 5.5 - ЖЕ, кроме полей и отступов не будет работать

IE 6 - не будет учитывать ширину

IE 7 - учитывает ширину, но не центрируетсяс display:block и margin:0 auto с шириной, заданной в пикселях.

IE 8 - учитывает ширину, но не справляется с отступом / полем отлично

Когда ширина была установлена ​​для элемента html во всехв некоторых случаях он фактически воспроизводился так, как если бы он был заполнением, ограничивая элемент body.

Это было забавно, но сейчас мне не до газавернуться к фактической работе;)

0 голосов
/ 27 апреля 2011

Стилизация тега body - это хорошо, но это означает, что если вам когда-либо понадобится внести изменения на веб-сайт, у вас нет других «запасных» тегов для изменения.Тег body часто является безопасным тегом, который можно оставить для облегчения будущих изменений.

Для jcomeau_ictx: существует миллион причин использовать веб-сайты фиксированной ширины.Я думаю, что вы найдете больше сайтов фиксированной ширины, чем текучих сайтов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...