Автор Дохлый Барсик задал вопрос в разделе Другие языки и технологии
HTML/CSS. Как элементы тега body отобразить четко посередине? и получил лучший ответ
Ответ от Strannik[гуру]
Первый коммент жжет (ниже будет почему) .
Второй вообще устарел лет на 5 минимум.
В третьем тоже есть свои коры - типа атрибута align в теге - ну не рекомендуется по спецификации так делать.
Делается все просто:
< body>
< div id="wrapper">
< /div>
< /body>
CSS:
#wrapper {
margin: 0 auto;
width: 900px; - это просто ширина, задал от балды, у тебя может быть другая
}
Можно написать margin: 35px auto 48px; - как надо, главное чтобы слева и справа было auto. Это работает во всех браузерах, доля которых ныне выше 0.5%
Strannik
Мастер
(2007)
Серьезно? Альтернатива таблицам? А я уж думал, что альтернатива таблицам - это дивная верстка и css. Согласно последней спецификации, оформление и код должны быть разделены. Атрибут align - это оформление. Такие вещи уже давно пишутся через цсс и звучат как text-align. Это надо знать
два контейнера, один в другом. Во внешнем - text-align:center, внутреннем - text-align:left, работает везде.
Один контейнер, margin-left:auto, margin-right-auto - не везде.
<center></center>
Сам по себе <body> заполняет всё окно браузера. . Нужно тегами задать элемент, который необходимо выравнять, это может быть таблица, текс, картинка, блок, да всё что угодно.. . Выравнивание можно задать как средствами html, так и средствами css... Основной атрибут для html - align (выравнивание) , значение для выравнивания по центру - center, для css - margin (внешние отступы) , значение auto.
Если нужно выравнять всё содержимое страницы по центру - берёшь всё в блок и его выравниваешь:
< body>
< div align="center">
Содержимое
< /div>
С помощью css:
html:
< body>
< div id="body">
Содержимое
< /div>
< /body>
css:
# body{
margin:auto;
}
Возможны и другие варианты - всё зависит от того что ИМЕННО нужно разместить по центру....