Ciao a tutti, devo realizzare un layout a 3 colonne con larghezza fissa (200 - 560 - 200) contenute in uno spazio di 1000 px.

Le colonne sono distanziate tra loro e dai bordi del contenitore di 10 px.

Quindi schema:

10 px - colonna1 - 10 px - colonna2 - 10 px - colonna3 - 10px

Io ho pensato a un wrapper di 1000px e a 3 colonne float left. Le prime due con margin-left di 10px la 3a con margin right di 10 px.

Tutto ok con Firefox, ma su IE 6 ho problemi (so che raddoppia il margine se ha float e margin dalla stessa parte, ma anche usando display:inline sulla prima colonna non risolvo!).

Qualcuno ha idee? Ho persino pensato di renderlo un layout a 6 colonne, senza margini: forse funzionerebbe ma mi pare un'assurdità!!

per favore, un'idea migliore!

grazie