DIV & vertical-align: middle; как заставить?
 

Вопрос следующий: как заставить DIV размещать содержимое по центру высоты ? всегда делал через table, но хочется решить этот вопрос окончательно.
пишу так:

<style>
DIV {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  }
</style>

непомогает. текст по центру ширины но не высоты...

Ктото сталкивался с этим ?

У блочных элементов нет свойства vertical-align.

http://cssing.org.ua/2005/07/14/vertical-align-middle/
http://cssing.org.ua/2007/04/26/anot...valign-method/

Ясно. ну таких хаков как написали юзать не буду т.к. бред. легче table создать с 1 ячейкой.

Web - дизайнер сам должен знать - что можно сделать, а что нельзя. Это касается и различий DTD.

дизайнеру на это плевать .этим должен заниматься верстальщик ;)

Бред. Не путай WEB-дизайнера с другими направлениями. Всё-таки макет сайта отличается от рекламной листовки или страницы журнала.

Я и не путаю. Я работал в крупных компаниях. так вот там дизайнер вообще понятия не имеет о верстке. он создает сайт в corel или photoshop и отдает его верстальщику, верстальщик разбив все это отдает программисту, предварительно уточнив все тонкости верстки с программистом. я же выступал иногда сразу за верстальщика и программиста. но не часто.

В шею гнать таких надо.

B~Vladi, ты по любому что-то не поделил со своим местным верстальщиком, если ты его на этом форуме так чморишь, то я представляю, что он сам от тебя слышит. Хватит мучить бедных верстальщиков :) .

Я вообще-то про дизайнеров говорил, а не верстальщиков. Сам в прошлом верстак. А наши верстаки самые лучшие в стране:D
Да и дизайнеры - если им верстак скажет - нельзя див по вертикали отцентрировать - он пойдёт и перересует макет без вопросов.

Правильный ответ дизайнера в данном конкретном случае: а я не рисовал тут div.

нужна обёртка с disaply:table

перепутал, хотел написать про дизайнера.

+1

Ладно. Дело ваше. Когда вам на шею сядет дизайнер - не так ещё заговорите.

<div style="display: table; width: 200px; height: 200px; ">
  <div style="display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align:center; position: relative;">
    текст <div style="width: 50px; height: 50px">текст2</div>
  </div>
</div>

работает. а на absolute div с display: table-cell надо делать position: relative; width: 100%; height: 100%;

Спс. чето думал что не поможет...

П.С. http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx
ие8 ток начинает держать display: table... пока все таки сделаю через одиночную ячейку с таблицей.