Simulare float:center

[Simo990]

Ciao a tutti.

Sto creando un layout a 3 colonne, che potete vedere qui: layout

Come faccio a centrare la colonna verde? float:center; non esiste.
Con margin:0 auto; non succede niente. Se tolgo il float:left; funziona, ma poi la colonna blu va a finire sotto.

Come posso fare?

Grazie in anticipo.

[Mich_]

Ti mancano alcuni attributi nel CSS (se non ho sbagliato la leggere il file CSS).

html, body {
	margin:0;
	padding:0;
	width: 100%;
}

body {
	margin:20px;
	width: 100%;
}


/* ID Selectors */

#header {
	background-color: #9FF;
	width: 100%;	
	height:100px;
}

#navbar {
	background-color: #F9F;
	width: 100%;
	height: 30px;
}

#columns {
	background-color: #DDD;
	width: 100%;
}

#footer {
	background-color: #FF9;
	width: 100%;	
	height: 100px;
	clear:both;
}

#c1 e #c3 dovrebbero essere OK

#c2 {
	background-color: #5b5;
	margin: 0 220;   /* questo e` importante, se vuoi che non vada sotto - 200+20+ evt padding e border */
	/*float:left;*/
	width: 520px;  /* questo puo` avere effetti collaterali, se non e` stata definita una larghezza in px al tutto (html oppure body */
}

[Simo990]

Scusa ma a che serve impostare width:100%? I div essendo blocchi occupano di default il 100% della larghezza disponibile... no?
Comunque mi sono dimenticato di dire una cosa importante: non voglio che la colonna centrale si centri perfettamente con delle dimensioni fisse, ma con delle dimensioni variabili a seconda della larghezza della finestra del browser. Nel mio layout così com'è adesso, se hai la finestra larga almeno 1024px vedi tutto centrato, grazie alle dimensioni fisse. In caso di dimensioni maggiori, però, vorrei che le due colonne laterali si distaccassero da quella centrale.


Ad ogni modo ho trovato come fare, bastava dare le dimensioni in percentuale alle colonne e aggiungerci dentro dei div con dimensioni fisse.

Ecco il layout finito se può servire a qualcuno: layout fluido 3 colonne