выравнивание div'a посередине экрана
у меня есть div фиксированного размера, 400х400, например, нужно выровнять его по середине экрана на любом разрешении! горизонтально-то не проблема, {margin:0 auto;}, а вот вертикально?! с небольшим, например margin-top:5%, даёт только иллюзию.. реально ли css это сделать?
А заключить его в другой Div или в таблицу с выравниванием по вертикали религия не позволяет?
Цитата: @pixo $oft
А заключить его в другой Div или в таблицу с выравниванием по вертикали религия не позволяет?
А научиться верстать дивами сексуальная ориентация не позволяет?
Отцентровать див можно так:
Код:
<div style="position:absolute;width:400px;height:100px;left:50%;margin-left:-200px;"></div>
Цитата: RussianSpy
Отцентровать див можно так:
Код:
<div style="position:absolute;width:400px;height:100px;left:50%;margin-left:-200px;"></div>
горизонтально хватает и margin:0 auto!
а вот вертикально FAIL !
вертикально внутри другого дива или документа?
Цитата: eternalduck
нужно выровнять его по середине экрана на любом разрешении!
Сдаётся мне,что посередине документа.Ведь не по середине же экрана при любом расположении окна браузера!:)
[COLOR="Silver"]P.S.Моя ориентация тут ни при чём:) Человек попросил–человек получил(доступные методы).Тем более–я и Div упомянул,так что…;)[/COLOR]
Цитата: RussianSpy
margin:0 auto хватает до тех пор пока вы в ИЕ не откроете
вертикально внутри другого дива или документа?
вертикально внутри другого дива или документа?
вертикально хочу в окне браузера, в любом его положении, это и имею в виду под "экраном"))
margin:0 auto хватает в любом случае, под ie6 проблем не было (как ни странно!).. можно и внутри дива, который 100%х100% документа
Цитата: @pixo $oft
P.S.Моя ориентация тут ни при чём:) Человек попросил–человек получил(доступные методы).Тем более–я и Div упомянул,так что…;)
эх, таблей-то проще всего, но надо учиться дивной вёрстке, чтоб ей...
http://www.css-tricks.ru/Articles/Details/VerticalCenteringCSS
http://www.google.com/search?hl=en&client=opera&rls=ru&hs=33V&num=100&q=%D0%B2%D0%B5%D1%80%D1%82%D0%B8%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5+%D0%B2%D1%8B%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+div+%D0%BF%D0%BE+%D1%86%D0%B5%D0%BD%D1%82%D1%80%D1%83+%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B&aq=f&oq=&aqi=