Есть страничка шириной 960рх, как сделать чтобы она располагалась посередине? просто сделать родительский для всех блок?
У странички ведь есть общий контейнер? Обычно всегда есть. Вот этому контейнеру маргин авто поставить: Код (Text): <div style="width:960px;margin:auto;"> контент страницы </div> Можно и боди также сделать: Код (Text): <body style="width:960px;margin:auto;"> Если внутри будут контейнеры с абсолютным позиционированием, то не забыть добавить стиль Код (Text): position:relative;
Вопрос по теме: Задача похожая! Есть общий DIV container, в нём DIVшапка, DIVтело и DIVноги, по сути весь сайт, необходимо что бы контейнер принимал ширину окна браузера и разместить все дивы внутри контейнера по центру(горизонтально) заказчик, сам шарит, сказал, что margin не использовать, потому что он не со всеми браузерами корректно работает. и писать в css Подскажите пожалуйста решение, неполучается, замучался...
Не встречал проблем со стилем margin:auto; (или не помню). Тут написано о совместимости в разных браузерах и о проблеме в IE6: IE6 сделан в 2001 году к WindowsXP. По данным проекта ie6countdown сейчас его популярность в мире 7.7% (на 6% меньше, чем в прошлом году) и то за счет Китайских пользователей. ИМХО: только самые вредные заказчики со старой закалкой, занимающиеся спамом и ориентированные на незнаек, требуют совместимость с этим браузером. UPD: из страницы Вики
TrueTrue, убедить, что он немного не прав. Никакой проблемы не будет даже если какой-то браузер не выровняет блоки по центру, т.к. юзеры с такими браузерами уже ко всему привыкли.
Попробую, но пока если можно подскажите вот что: CSS Код (Text): #container {height: 291px; border:10px solid red;} #header { border:1px solid red; width:124; height: 231px; margin-left: 10 auto; } HTML Код (Text): </head> <body> <div id="container"> <div id="header"> </div> </div> </body> </html> Почему не работает этот код? Внутренний див, растягивается по ширине и принимает ширину внешнего? Нашёл на сайте: http://exsofter.ru/articles/49-css/309-align-valign-center.html этот пример, вроде сделал всё как на сайте. А не работает. Добавлено спустя 1 минуту 45 секунд: Сорри там margin просто без left, но всёравно не работает (((((( Добавлено спустя 4 минуты 11 секунд: Всё, разобрался, сорри.
По поводу выравнивания блока по середине - можешь ещё JavaScript использовать, если заказчика margin не устраивает. Определяешь размеры viewport, определяешь размеры дива, ставишь ему абсолютное позиционирование и смещаешь на нужное расстояние с помощью left и top. Особенно легко и полностью кросс-браузерно сделать, если заранее известны размеры этого внутреннего дива, который нужно позиционировать. Правда, заказчик может ещё сказать, что некоторые пользователи отключают JavaScript...