Как сделать контейнер по центру css

Как позиционировать div контейнер строго по середине экрана с помощью CSS и Javascript?

Подскажите, пожалуйста, каким образом можно позиционировать div контейнер строго по середине экрана (по высоте и ширине потипу left:50% top:50%) с помощью CSS и unobtrusive Javascript, если размеры браузерного окна/страницы заведомо не известны и независимо от прокрутки страницы (то есть если страница прокручивается div все равно в центре)?

нашел такую функцию на quirksmode.org:

/** * GeSHi (C) 2004 — 2007 Nigel McNie, 2007 — 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code .javascript.geshi_code .imp .javascript.geshi_code .kw1 .javascript.geshi_code .kw2 .javascript.geshi_code .kw3 .javascript.geshi_code .co1 .javascript.geshi_code .co2 .javascript.geshi_code .coMULTI .javascript.geshi_code .es0 .javascript.geshi_code .br0 .javascript.geshi_code .sy0 .javascript.geshi_code .st0 .javascript.geshi_code .nu0 .javascript.geshi_code .me1 .javascript.geshi_code span.xtra

function getPageSize ( ) <
var xScroll , yScroll ;
if ( window. innerHeight && window. scrollMaxY ) <
xScroll = document. body . scrollWidth ;
yScroll = window. innerHeight + window. scrollMaxY ;
> else if ( document. body . scrollHeight > document. body . offsetHeight ) < // all but Explorer Mac
xScroll = document. body . scrollWidth ;
yScroll = document. body . scrollHeight ;
> else < // Explorer Mac. would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document. body . offsetWidth ;
yScroll = document. body . offsetHeight ;
>
var windowWidth , windowHeight ;
if ( self. innerHeight ) < // all except Explorer
windowWidth = self. innerWidth ;
windowHeight = self. innerHeight ;
> else if ( document. documentElement && document. documentElement . clientHeight ) < // Explorer 6 Strict Mode
windowWidth = document. documentElement . clientWidth ;
windowHeight = document. documentElement . clientHeight ;
> else if ( document. body ) < // other Explorers
windowWidth = document. body . clientWidth ;
windowHeight = document. body . clientHeight ;
>
// for small pages with total height less then height of the viewport
if ( yScroll < windowHeight ) <
pageHeight = windowHeight ;
> else <
pageHeight = yScroll ;
>

// for small pages with total width less then width of the viewport
if ( xScroll < windowWidth ) <
pageWidth = windowWidth ;
> else <
pageWidth = xScroll ;
>

arrayPageSize = new Array ( pageWidth , pageHeight , windowWidth , windowHeight ) ;
return arrayPageSize ;
>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *