Layout fisso a 3 colonne con div centrale primo nel flusso html

[ominox]

salve,
vorrei sapere se è possibile realizzare un layout in css a 3 colonne con larghezza fissa per le due barre laterali ed il corpo centrale(nessuno liquido quindi).

il requisito essenziale deve essere che il div centrale deve venire prima delle barre laterali
una cosa del genere

<div id="header"></div>

<div id="wrapper">
<div id="centro"></div>
<div id="sinistra"></div>
<div id="destra"></div>
</div>

<div id="footer"></div> 

ho trovato una soluzione che garantisce il risultato ma è "stilisticamente poco elegante(usa margini negativi)

div#wrapper{float:left;width:100%}
div#centro{margin: 0 150px}
div#sinistra{float:left;width:150px;margin-left:-700px}
div#destra{float:left;width:150px;margin-left:-150px} 

Grazie

Ciao

[ominox]

nessuna mi sa aiutare?


ciao

[Mich_]

Non riesco a capire il perche` di quei margini.
Ma hai provato a cercare tra i layout delle raccolte (vedi ad esempio i "link utili")

Comunque se non trovi di meglio puoi provare cosi`:

#wrapper{float:left;width:100%}
#centro{margin: 0 150px}
#sinistra{float:left;width:150px;}
#destra{float:right;width:150px;}

Io ci metterei il float: right anche al #centro (eventualmente togliendo il margine sinistro).

[ominox]

ciao,

grazie per la risposta...

ho provato il tuo metodo, con i 2 margini destra e sinistra le barre laterali mi si mettono bene l'una sulla sx e l'altra sulla dx ma entrambe sotto il centro e nn affianco.

FAcendo il centro float righ senza il margine sx mi si mettono entrambe le barre una sotto l'altra sulla sinistra.

Aiuto! :-)