Alignement vertical CSS

Question

J'ai certaines mises en page qui nécessitent plusieurs colonnes et tout leur contenu doit être aligné verticalement vers le haut car les différentes colonnes auront plus/moins de texte que d'autres.

J'ai fait la mise en page en utilisant la propriété table-cell afin que je puisse utiliser vertical-align, qui ne fonctionne pas avec les blocs autant que je sache, mais je viens de réaliser que la propriété display: cell-cell travailler avec IE 7 ou ci-dessous, ce qui est un gros no-go.

Quelqu'un sait comment aligner verticalement dans divs, ou un correctif pour < = IE7?

Answer 1

On dirait que vous voulez des divs flottants de taille spécifique. Quelque chose comme ceci:

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

Et le CSS:

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

Answer 2

Je pense que la réponse ci-dessus est une bonne idée, ou vous pouvez utiliser quelque chose comme un plugin jquery.

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