DIV: в центре по вертикали, независимо от разрешения экрана.

[Kalisnik]

По горизонтали это делается так:

.center {
    width: 500px;
    height: 500px;
    background-color: #FFCC66;
    position: relative;
    margin: auto;
}

А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080.

P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

Edited May 6, 2011 by Kalisnik

[psywalker]

position: absolute; top: 50%; width: 500px; height: 100px; left: 50%; margin-left: -250px; margin-top: -50px; 

[Gaspode]

P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

Считаются точно так же, как и по горизонтали. Как-то не так применяете, значит.

[Kalisnik]

psywalker Здорово! Еще раз мне спасибо.

P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

Считаются точно так же, как и по горизонтали. Как-то не так применяете, значит.

Да, действительно работает. Просто я пытался высчитать проценты при position: relative;

[psywalker]

psywalker Здорово! Еще раз мне спасибо.

Да!

[ctpz]

margin:auto auto;

указывает, что выравнивание авто по вертикали и горизонтали.

[psywalker]

margin:auto auto;

указывает, что выравнивание авто по вертикали и горизонтали.

Неправда. Это указывает только на выравнивание по горизонтали. А по вертикали равно 0.

[Kalisnik]

position: absolute; top: 50%; width: 500px; height: 100px; left: 50%; margin-left: -250px; margin-top: -50px; 

Обнаружилась проблемка. Способ змечательный, мне он нравится! Но что если я делаю блок на 900х800 пикселей, а посититель смотрит на него через экран 800х600? Поэксперементировал с размером окна браузера, если уменьшить окно браузера на менее чем 900х800 пикселей то левая и верхняя сторона блока съедается (полоса прокрутки не помогает). Есть ли лечение? Конечно посетителей с таким разрешением экрана мало, но и их обделять тоже не хочется.

Edited May 7, 2011 by Kalisnik

[psywalker]

position: absolute; top: 50%; width: 500px; height: 100px; left: 50%; margin-left: -250px; margin-top: -50px; 

Обнаружилась проблемка. Способ змечательный, мне он нравится! Но что если я делаю блок на 900х800 пикселей, а посититель смотрит на него через экран 800х600? Поэксперементировал с размером окна браузера, если уменьшить окно браузера на менее чем 900х800 пикселей то левая и верхняя сторона блока съедается (полоса прокрутки не помогает). Есть ли лечение? Конечно посетителей с таким разрешением экрана мало, но и их обделять тоже не хочется.

тогда ЖС

[Kalisnik]

тогда ЖС

СПС!

P.S. А как это сделать на ЖС? - пока еще не изучал.

Edited May 7, 2011 by Kalisnik

[psywalker]

тогда ЖС

СПС!

P.S. А как это сделать на ЖС? - пока еще не изучал.

Отпиши мне на почту свою аську, разберёмся

psywalker09@gmail.com