CSS выравнивание по вертикали

Question

У меня есть несколько макетов страниц, для которых требуется несколько столбцов, и все их содержимое должно быть выровнено по вертикали сверху, так как разные столбцы будут иметь больше/меньше текста, чем другие.

Я сделал макет, используя свойство table-cell, поэтому я мог использовать вертикальное выравнивание, которое не работает с блоками, насколько я знаю, но я просто понял, что свойство display: table-cell не работайте с IE 7 или ниже, что является большим не-go.

Кто-нибудь знает, как вертикальное выравнивание в divs, или исправление для < = IE7?

Answer 1

Похоже, вы хотите, чтобы плавающие divs определенного размера. Что-то вроде этого:

<div id="wrapper"> 
    <div id="left">Test</div> 
    <div id="center">more text</div> 
    <div id="right">Even more</div> 
</div> 

И CSS:

#left { float: left; width: 200px; } 
#center { float: left; width: 400px; } 
#right { float: right; width: 200px; } 

Answer 2

Я думаю, что выше ответ является хорошей идеей, или вы могли бы использовать что-то вроде JQuery плагин.

http://www.seodenver.com/simple-vertical-align-plugin-for-jquery/