Вертикальное выравнивание.

В <div> добавь атрибут valign="middle", или в css стили добавь vertical-align: middle, или vertical-align: absmiddle

Вроде так...

Про вертикальное выравнивание DIV много басен сложено:

http://cssing.org.ua/2005/07/14/vertical-align-middle/

http://groups.google.ru/groups?hl=ru&q=div%20vertical-align%20css&lr=&sa=N&tab=wg

[QUOTE=UAS]В <div> добавь атрибут valign="middle", или в css стили добавь vertical-align: middle, или vertical-align: absmiddle
Вроде так...[/QUOTE]
Не все так просто, к сожалению...
[QUOTE=mike]Про вертикальное выравнивание DIV много басен сложено:
http://cssing.org.ua/2005/07/14/vertical-align-middle/
http://groups.google.ru/groups?hl=ru...r=&sa=N&tab=wg[/QUOTE]
Спасибо! Но подходящего решения нет
*ааааргггх! как просто с таблицами!*

Вот-Вот.

Либо DIV в DIV либо не DIV :)

http://www.pmob.co.uk/temp/vertical-align3.htm
вот так решается

Кстати, да - довольно компактно. Спасибо!

А по сути, абсолютно тоже самое, что юзать таблицы. Поэтому такой способ верстки нахожу если уж не сомнительным, так просто не дающим ни каких преимуществ перед табличным вариантом.

Главные недостатки таблиц это:
1. Нарушение логики (таблицы должны использововатся для табличных данных)
2. Они заранее дают визуальное представление, а не размечают (как с дивом).

DIV с display:table и display:table-cell фактически и есть таблица, так что использование DIV в данном случае эквивалентно использованию таблицы. До тех пор, пока браузеры не будут поддерживать вертикальное выравнивание, таблицы из верстки не уйдут.

>>DIV с display:table и display:table-cell фактически и есть таблица, так что использование DIV в данном случае эквивалентно использованию таблицы.
Не совсем так. Визуально это таблица, лигически - блок. Делая display:table ты в CSS задаёшь вид таблицы, при этом сама разметка (HTML) не знает, что это будет выглядить как таблица. Возможно для многих это звучит и глупо, но CSS был создан для отделения представления от содержимого. Таблицы не кто не выкидывал и они нужны, но нужны для разметки табличных данных, не представления, а именно разметки. Запихивая что-то в таблицу для вертикального выравнивания мы тем самым нарушаем логику разметки.

Логика это хорошо. Но в чем главная цель всех этих манипуляций? А? А главное цель это хороший вид и быстрая загрузка.

Почему страницы с таблицами медленее грузятся? Потому что для вывода нужно прочесть всю таблицу от начала и до конца. А с Div-ами отрисовка страницы начнется не дожидаясь полной загрузки HTML кода.

Я так понимаю, что DIV с display:table и прочее, то и отрисовка получается так же как и таблицы, т.е. пока все DIV таблицы не загрузятся и не будет проанализированы браузером. Только потом он их на странице нарисует.

Вот и выходит, что от замены таблицы на дивы мы ни чего не выирываем.

>>А главное цель это хороший вид и быстрая загрузка.
Для чего ты пишешь в коде комменты? Наверное чтобы потом понять, что ты написал. Тебе приходилось привязывовать чего-то (галерею, новости, каталог и т.д.) к странице развёрстанной таблицами? Нет? Или может не сильно часто? С учётом того, что я просто не могу пользоваться визуалкой, мне приходится читать код. Для примера возьми kvrt.ru (не совсем доделан, в тестовом работает) и открой содержимое страниц. Там сразу видно, что верстало 2 человека) И найди участки, которые больше тебе понятны.
Опять же. Есть новостная лента. Варианта 2:
1. Верстать блоками.
2. Верстать таблицей.
В первом варианте, я выношу всё в файл и для дальнейших проектов меняю просто css и перемещаю их как хочу. Во втором варианте, мне нужно сидеть и всё переверстывать. Это лишь самый простой пример.

[QUOTE=alekciy]Вот и выходит, что от замены таблицы на дивы мы ни чего не выирываем.[/QUOTE]
Выигрываем:
1. Лекго править в будущем.
2. Сайт http://csszengarden.com/ - одна разметка, а сколько дизайнов, да, можно сказать, что заранееизвестен контент (его объем), но меня это наводит на практическую мысль: как можно ускорить разработку сайта, при этом программист даже не будет переписывать код php, а просто изменит файл конфигурации, а я так же не буду переписывать код html, а просто изменю файл css. Даже вероятно такой проект и будет запущен... через пару месяцев (при том дизайн не простой)

:D
Имеется аналогичное желание сделать на данном подходе реально работающий ресурс.

[QUOTE=skywalker]http://www.pmob.co.uk/temp/vertical-align3.htm
вот так решается[/QUOTE]
Кстати, для идиотиков типа меня:
-если хотите по этому примеру делать центрование, но в вашем коде не картинка, а несколько элементов (например, несколько абзацев - <P> или несколько картинок), то поместите эти элементы в отдельный див и ему уже применяйте стили, которые имеет картинка в примере.
Вот так вот.

как вариант выравнивания по вертикали: padding: auto 0px; вроде должно работать.