Les floats peuvent nécessiter de nombreuses aspirines oui
Je les utilise de moins en moins...
Un autre technique que j’utilise parfois et qui marche c’est d’avoir des éléments positionnés de manière absolue contenus dans un élément positionné relativement.
Par exemple :
<div id="conteneur">
<div id="colonne1"></div>
<div id="colonne2"></div>
<div id="colonne3"></div>
</div>
et côté CSS
#conteneur {width: 620px;
position: relative;}
#colonne1 {position: absolute;
top: 0px;
left: 0px;
width: 200px;}
#colonne2 {position: absolute;
top: 0px;
left: 210px;
width: 200px;}
#colonne3 {position: absolute;
top: 0px;
left: 420px;
width: 200px;}
Normalement, ça marche aussi avec IE.
Par contre, avec des contenus générés dynamiquement, le problème est que si le contenu de tes colonnes est plus haut que le contenu de ton conteneur, elle vont chevaucher celui-ci ce qui n’est pas du plus bel effet. On ne peut utiliser cette technique que lorsqu’on a une bonne idée de la longueur des contenus, soit en définissant une hauteur min (min-height *) ou alors si on utilise du javascript pour résoudre le problème (voir le script si_clear_absolutes de Shaun Inman :
http://www.shauninman.com/plete/2006/05/clearance-position-inline-absolute)
Il existe d’autres méthode pour la mise en page multicolonne soit en PHP (Textpattern a un plugin pour ça, j’en avais parlé sur les forums ici mais je ne me rappelle plus où) soit en javascript (mais là, ça "casse" quand js est désactivé...).
(*) dans ce cas utiliser le hack suivant pour IE :
#conteneur {......
height: 500px;
......}
html>body #conteneur { /* opera et moteur gekko */
height: auto;
min-height: 500px;}
