<центр>

Вопросы
Здравствуйте. У меня проблема. Задача: сделать выравнивание сайта по центру с фиксированной шириной. Ну с шириной понятно:
#container {width: 1000px;}
#header { width: 1000px;height: 80px; бла бла бла
#nav { width: 1000px; clear: both; бла бла бла }
#wrapper { width: 1000px;overflow: бла бла бла
#content { width: 670px; бла бла бла

Вот. Как сделать это все по центру? Т.к. я приверженец табличной верстки, с CSS имеются некоторые трудности. Спасибо.

10 комментариев

avatar
задать контейнер 
margin:auto
avatar
И в header, nav, wrapper не обязательно задавать ширину, раз в контейнере уже есть
avatar
только 
margin:0 auto

авто нужно не со всех а только слева и справа
avatar
Автор топика дал недостаточно информации, чтобы применить такое решение.
В зависимости от объявленного доктайпа и пролога в IE 6/7 могут быть проблемы и значение auto вместо ожидаемого поведения будет работать как нулевое.
— Ваш CSS-Капитан.

Чтобы выравивание гарантированно работало везде, в данном случае нужно использовать абсолютное позиционирование и отрицательные отступы, либо, если возможно, назначать родительскому блочному свойство text-align: center.

Например,
#container{width:1000px;position:absolute;left:50%;margin-left:-500px}

avatar
в html 4.0 strict и xhtm1.0 и выше margin: 0 auto гарантированно работает. а в случае, если необходимо сделать кроссбраузреный сайт на лс другие варианты доктайпа лучше не использовать.

в твоём случае абсолютныи позиционированием и отрицательными, при разрешении экрана меньше тысячи левая часть контента будет скрываться за левым краем экрана без скроллера =)
avatar
с абсолютным позиционированием и отрицательными отступами
avatar
При постановке задачи я исхожу из известных условий, это ты знаешь о доктайпах, а автор топика мог и не знать и в результате столкнуться с неработающим параметром.

Проблема с отсутствующим скроллером решается довольно просто. А второй предложенный вариант лишён каких-либо недостатков, кроме возможной необходимости введения «обёрточного» блока.
avatar
сразу второй способ не заметил что то. С каких пор text-align:center работает для блочных элементов с доктайпами? насколько я помню такой приём может сработать для режима совместимости или с неработающим в некоторых браузерах inline-block…
avatar
В других современных браузерах это скорее всего не будет работать с любыми доктайпами и даже без них. Этот способ хорош только для вразумления IE в кандишнл комментс.
avatar
Спасибо всем!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.