Поведение блока в зависимости от другого

[Digidie]

Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так:

То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!

[tori]

display:table-cell;

[Digidie]

Спасибо! Да только проблемка есть небольшая))) растягивать то он растягивает все блоки, а содержимое(блоков 1 и 3) все равно сверху остается

[tori]

vartical-align:middle

[Digidie]

Ну вы раз уж пишите, пишите что сначала display: table-cell, а потом vertical-align:middle если это так И потом, насколько я помню vertical-align указывается при фиксированной высоте, а мне нужно чтобы она тянулась) Поправьте ежели что не так говорю.

[tori]

Это я наверное пыталась давать удочку, а не рыбку, ну да ладно

<div style="display:table">
  <div style="display:table-cell;vertical-align:middle;">первая колонка</div>
  <div style="display:table-cell;vertical-align:middle;">вторая колонка</div>
  <div style="display:table-cell;vertical-align:middle;">третья колонка</div>
</div>

При указании display:table-cell; див ведёт себя как ячейка таблицы, так что высоту задавать не нужно.

В ИЕ 6-7 не сработает, если нужна поддержка этих браузеров, то нужно с эмуляцией заморачиваться.

[Digidie]

Спасибо!

P.S. Судя по посту девушка, а соображаете

[Digidie]

люди! помогайте, не сработало то что написано на пост выше. Реакции никакой ни в одном браузере.

[wwt]

http://jsfiddle.net/wwt999/5VWVp/ эмуляция таблицы. По-моему проще изначально использовать таблицу тогда и IE6-7 поймут ))