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