Dovrebbe anche esserci qualcosa di pronto nelle raccolte di layout (vedi la sezione layout dei "link utili").
Comunque l'idea dovrebbe essere questa:
codice:
<body>
<div id="tutto">
<div id="header">
...
</div>
<div id="contenuto">
<div id="fasciasx">
...
</div>
<div id="fasciadx">
...
</div>
<div id="centro">
...
</div>
</div>
<div id="footer">
...
</div>
</div>
</body>
Nel CSS i vari blocchi dovranno avere:
codice:
body {
text-align: center; /* per sistemare IE6 */
}
#tutto {
margin: 0 auto; /* per centrare */
text-align: quello che vuoi;
min-width: 700px;
max-width: 1000px;
/*hack per IE*/
}
#contenuto {
width: 100%;
}
#contenuto:after {
clear: both;
/* e le varie cose suggerite da fcaldera*/
}
#fasciasx {
float: left;
width: 200px;
}
#fasciadx {
float: right;
width: 200px;
}
#centro {
margin: 0 200px;
}
Potrebbe essere necessario usare le false colonne per lo sfondo delle fasce (da applicare una a #tutto e l'altra a #contenuto).
Rispondi quotando
grazie 1000 funziona perfettamente. avevo già usato una soluzione molto simile, ma non funzionava perchè nell'html ho messo la fascia destra dopo il contenuto, quindi mi tornava a capo 
se provo a dargli una posizione a sinistra negativa (o qualunque cosa diversa da left) invece non la visualizza proprio :master:
