Другие языки программирования и технологии

HTML/CSS. Как элементы тега body отобразить четко посередине?

ДД
Дмитрий Демяник
1 604
Первый коммент жжет (ниже будет почему) .
Второй вообще устарел лет на 5 минимум.
В третьем тоже есть свои коры - типа атрибута align в теге - ну не рекомендуется по спецификации так делать.

Делается все просто:
< body>
< div id="wrapper">
< /div>
< /body>

CSS:
#wrapper {
margin: 0 auto;
width: 900px; - это просто ширина, задал от балды, у тебя может быть другая
}

Можно написать margin: 35px auto 48px; - как надо, главное чтобы слева и справа было auto. Это работает во всех браузерах, доля которых ныне выше 0.5%
Soatov Islom
Soatov Islom
2 007
Лучший ответ
Максим Ткаченко Атрибут align в теге - как альтернативный вариант при вёрстке без использования таблиц. Проверка на валидность стандарту XHTML 1.0 ошибку не определяет (поскольку данный код валиден).
Soatov Islom Серьезно? Альтернатива таблицам? А я уж думал, что альтернатива таблицам - это дивная верстка и css. Согласно последней спецификации, оформление и код должны быть разделены. Атрибут align - это оформление. Такие вещи уже давно пишутся через цсс и звучат как text-align. Это надо знать
два контейнера, один в другом. Во внешнем - text-align:center, внутреннем - text-align:left, работает везде.
Один контейнер, margin-left:auto, margin-right-auto - не везде.
Евгений Шматков
Евгений Шматков
49 555
Дмитрий Демяник что именно в стилях?
<center></center>
**
******** **********
8 388
Евгений Шматков Удали вопрос, в рот он ебись.
Сам по себе <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;
}

Возможны и другие варианты - всё зависит от того что ИМЕННО нужно разместить по центру....
Алексей Обухов
Алексей Обухов
481

Похожие вопросы