У кого какие мнения по вопросу центрирования по окну броуза блока информации по вертикали? В смысле, кто как предлогает? Слои или еще что-то?

чет спросил, я сам не понял...

ты про valign?

Нет. Бывают сайты отформаированы так, что их форма постоянно центрируется (по горизонтали) при изменении размеров браузера, меня интересует как можно центровать контент по вертикали (middle).

вот вертикальное центрование:

Код

<table width=100% height=100%>  <tr>   <td valign=center>   </td>  </tr> </table>

в css:

Код

.YourClass { vertical-align: center; }

Ну, да. Простота залог здоровья. Еще варианты есть?

А я вот никак не могу добиться вертикального выравнивания текста в DIV-е через CSS. Чтобы работало в: IE, Opera, FireFox.

Пишу код:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251' /> <meta name="Generator" content='EditPlus 2.12' /> <meta name="Author" content='Ciber SLasH' /> <title>JavaScript :: "window.open()" [метод: add]</title> <style type='text/css'> div {     position: absolute;     z-index: 1;     left: 25%;     top: 10px;     width: 50%;     height: 10%; /*    padding-top: 3%;*/ /*    vertical-align: middle;*/     border: 3px solid red;     background: navy;     color: lime;     font-weight: bold;     filter: alpha(opacity=80); } </style> </head> <body> <div align="center">Картинка, открытая другим документом</div> </body> </html>

Если раскомментировать padding-top: 3%;, то отображается нормально в IE и FireFox (в нём правда размер DIV-а увеличивается), а в Опере глючит.
Если акомментировать padding-top: 3%; и раскомментировать vertical-align: middle;, то по идеи как раз должен быть текст по вертикали, но не тут то было...

Так как же всё-таки добиться вертикального выравнивания в DIV-ах для этих трёх бродилок?

Цитата(Ciber @ 13.11.2005, 09:37)

А я вот никак не могу добиться вертикального выравнивания текста в DIV-е через CSS. Чтобы работало в: IE, Opera, FireFox.

http://xhtml.ru/2005/05/24/vertical_centerbox/
удачи (-:

Цитата(Ciber @ 13.11.2005, 07:37)

и раскомментировать vertical-align: middle;, то по идеи как раз должен быть текст по вертикали, но не тут то было...

Ага. Я даже знаю почему.

Цитата(CSS)

'vertical-align'     Value:  baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit     Initial:  baseline     Applies to:  inline-level and 'table-cell' elements

Я так понял, что придётся текст вкладывать во вложенные DIV-ы.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251' /> <meta name="Generator" content='EditPlus 2.12' /> <meta name="Author" content='Ciber SLasH' /> <title>JavaScript :: "window.open()" [метод: add]</title> <style type='text/css'> div#main {     position: absolute;     left: 25%;     top: 10px;     width: 50%;     height: 20%;     border: 3px solid red;     background: navy;     color: lime;     font-weight: bold; } div#cont {     position: relative;     margin-top: 10%; } </style> </head> <body> <div id='main' align="center"><div id='cont'>Картинка, открытая другим документом</div></div> </body> </html>