Layout (non) liquido...

[Babuk]

Ciao a tutti. Premetto che è il mio primo css...
Il mio problema è come da Titolo.
Ho creato un css a 3 colonne + header e footer,
ma quando allargo la finestra del browser
la colonna di dx non resta affiancata al margine...
Questa è la pagina:
http://www.babuk.altervista.org/prova/pagina.html

e questo è il foglio di stile:
http://www.babuk.altervista.org/prov...e_gallerie.css

P.S. Mi da lo stesso problema sia con IE che con Firefox
Grazie

[floyd46]

intendi quella con lo sfondo grigio?
non si capisce bene quale è il problema.

[jepers]

Ciao, per prima cosa guarda il css

#colonna-sx{
padding-left:10px;
float: left;
width: 20%;}

#colonna-dx{
padding-right:10px;
float: left;
width: 20%;
margin-right:-1px}

Le hai flottate tutte e due a sinistra!!!

Poi dalla pagina principale io toglirerei align nei div delle 2 colonne, non serve.
Dallo solo agli elementi all'interno se devi.

Anche il div principale hai dato il float left, se il principale è il contenitore, non serve, altrimenti è tutto a sinistra.


Non sò se ci sia altro e se questo basti, ma intanto correggi questo

[Babuk]

Ok, tnx jepers ho corretto il float e adesso va meglio,
ma perchè se provo a restringere la finestra del browser (con Firefox) la scritta si accavalla della colonna dx si accavalla alla tabella?
Anche con IE stringendo la finestra le colonne di dx e sin hanno comportamenti differenti...

[jepers]

Allora, togli anche float left a principale, non dargli nulla.
Flottando gli altri 2 questo si piazza al centro.

Poi al footer metti clear:both e non clear:left, altrimenti solo la colonna di sinistra non va sopra il footer.

Prova e dimmi come va

[Babuk]

Nella colonna di dx mi sono "scivolati" in basso i link

[pierofix]

Guarda se questo mio esempio può tornarti utile:

- http://www.re1.it/pierofix/layout_liquido_3colonne.htm

Fammi sapere.