Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

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

Дохлый Барсик Мастер (1610), закрыт 14 лет назад
Лучший ответ
Strannik Мастер (2007) 14 лет назад
Первый коммент жжет (ниже будет почему) .
Второй вообще устарел лет на 5 минимум.
В третьем тоже есть свои коры - типа атрибута align в теге - ну не рекомендуется по спецификации так делать.

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

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

Можно написать margin: 35px auto 48px; - как надо, главное чтобы слева и справа было auto. Это работает во всех браузерах, доля которых ныне выше 0.5%
Igor GayvoronskyЗнаток (481) 14 лет назад
Атрибут align в теге - как альтернативный вариант при вёрстке без использования таблиц. Проверка на валидность стандарту XHTML 1.0 ошибку не определяет (поскольку данный код валиден).
Strannik Мастер (2007) Серьезно? Альтернатива таблицам? А я уж думал, что альтернатива таблицам - это дивная верстка и css. Согласно последней спецификации, оформление и код должны быть разделены. Атрибут align - это оформление. Такие вещи уже давно пишутся через цсс и звучат как text-align. Это надо знать
StrannikМастер (2007) 14 лет назад
Серьезно? Альтернатива таблицам? А я уж думал, что альтернатива таблицам - это дивная верстка и css. Согласно последней спецификации, оформление и код должны быть разделены. Атрибут align - это оформление. Такие вещи уже давно пишутся через цсс и звучат как text-align. Это надо знать
Остальные ответы
Антон Харченко Просветленный (49616) 14 лет назад
два контейнера, один в другом. Во внешнем - text-align:center, внутреннем - text-align:left, работает везде.
Один контейнер, margin-left:auto, margin-right-auto - не везде.
Дохлый БарсикМастер (1610) 14 лет назад
что именно в стилях?
Антон Харченко Просветленный (49616) Извиняюсь, не подумал, что Mail теги не пропустит. Исправлено.
Hexsoos Мыслитель (8398) 14 лет назад
<center></center>
Антон ХарченкоПросветленный (49616) 14 лет назад
не канает.
Hexsoos Мыслитель (8398) <p>fgfg</p>
Антон ХарченкоПросветленный (49616) 14 лет назад
Удали вопрос, в рот он ебись.
Hexsoos Мыслитель (8398) харёк
Igor Gayvoronsky Знаток (481) 14 лет назад
Сам по себе <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;
}

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