Выравнивание div по центру экрана

paul_rem

Знаток
Регистрация
29 Июл 2009
Сообщения
388
Реакции
28
Всем привет, прошу помощи.
Есть блок и он должен позиционироваться поверх всего содержимого на сайте, быть строго по центру в броузере, то есть если пользователь будет ужимать в ручном режиме окно броузера, то этот блок должен соответственно подстраиваться под тот размер до которого ужали окно браузера.
Напишите , как это в стилях написать.
 
на сколько я понимаю , - это ширина , а как это относится к позиционированию на экране?
 
если с утра ничего не путаю, то
абсолютно позиционируете position: absolute;
далее размещаете его по центру left:50% top:50%;
 
Задай диву margin: 0 auto, размещаешь сразу под <body> и никаких проблем, или я что то не допонимаю?
 
Если известна ширина блока (например 500px) + нужно позиционирование, то делать так
Код:
position:absolute;
left:50%;
margin-left:-250px
Если без позиционирования, то как сказал Kornor
 
Для центровки не нужно изобретать америки и приплетать позиционирование, как уже было сказано выше: {margin: 0 auto;} в помощь.
Для того чтобы блок был поверх всего остального используйте z-index, про него читайте тут:
Для просмотра ссылки Войди или Зарегистрируйся
 
<center><div></div></center>
это набор постов, или вы всерьез так делаете?

на будущее - не нужно давать говносоветов, ведь кто-то может им поверить...

ТС, наиболее оптимальным будет использование 2-ух дивов
для внешнего делаете
HTML:
position:absolute;/* или position:fixed; - это если желаете чтобы при скроллинге блок оставался на своем месте */
z-index:99;
margin-top:100px;
для внутреннего
HTML:
widht:60%;/*или сколько там требуется по ширине*/
margin:0 auto;
 
не нужно изобретать америки и приплетать позиционирование
Это не изобретение америки и прием с позиционированием стар, как мир. Иногда, если для блока нужно позиционирование, к примеру поверх всей страницы, то никуда от него не денешься :)
А ТС-у кажется как раз это и нужно.
 
Назад
Сверху