Salut à tous.
 
J'essaye de répartir sur une même ligne, 3 colonnes horizontalement. La colonne de gauche et celle de droite doivent être caler sur les bords, et entre chaque colone je voudrais un espace. Donc pas possible de tricher avec des margin-right. Je voudrais que chaque colone ait la même classe, donc pas possible de tricher avec "colonne-gauche", "colonne-milieu", "colonne-droite".
 
J'ai un conteneur qui fait 660px de large, et je voudrais que chaque colonne fasse 210px de large, avec donc 2 espaces de 15px chacun. J'ai tenté de faire avec:
 
.column {
 width: 32%;
 margin: auto;
}
 
Mais ça foire, les colones sont alignées verticalement. Et avec un float: left, je n'ai pas d'espace blanc entre chaque colonne.

oups , j'avais pas vu qu'elle devaient avoir la meme classe
 
alors , une solution crade serait de mettre une marge negative sur ton conteneur  
 

Si possible sans marge négative ou solution crade
 
La même classe c'est pas une nécessité absolue, mais bon si je commence comme ça, je vais me retrouver avec des centaines de classes et ça va devenir un sacré foutoir.

tu definie juste une classe firstColumn , c'est vraiment le plus simple

En effet avec firstColumn ça prend 30" à faire, et ça reste propre.

RAAAAHHHH bordel, dès que je mets des margin, IE6 explose tout! Pour une raison obscure, il me duplique le dernier caractère de la ligne et le met à la ligne suivante.
 
Donc comment faire pour contourner cette merde?
 
Le problème c'est qu'IE6 est encore utilisé par 30% des internautes :http://www.w3schools.com/browsers/browsers_stats.asp

Ok c'est résolu, c'est un bug connu, il suffit de retirer tout commentaire html entre des éléments flottants.