problema posizionamento div coi CSS in firefox

[Uno]

Ciao a tutti,
ho un problema con un layout a 2 colonne fisse impostato coi css.
In IE tutto ok, ma su firefox o mi fa più larga la colonna a destra, o un pezzo della colonna principale(#corpo) va sulla colonna di destra.
il sito è http://www.cpsoristano.altervista.org/

Un'altra cosa: c'è un modo per far occupare tutto lo spazio verticale alla colonna di destra automaticamente?

Grazie in anticipo,
Andrea

Ecco il codice del css:

#corpo {
	border-left: 1px solid #CCCCCC;
	text-align: left;
	padding: 5px;
	width: 543px;
	float: left;
}
#colonna-dx {
	background: #9EBEDE;
	text-align: left;
	padding: 5px;
	border-left: 1px solid #3366CC;
	margin-left: 543px;
        width: 235px;

}

[pacovox]

Classico problema di box model:
http://www.ecologiadeisitiweb.it/mt/archives/000064.htm

Il tuo css dovrebbe essere così:

#corpo {
border-left: 1px solid #CCCCCC;
text-align: left;
padding: 5px;
width: 532px!important;
width /**/: 543px;
float: left;
}

#colonna-dx {
background: #9EBEDE;
text-align: left;
padding: 5px;
border-left: 1px solid #3366CC;
margin-left: 543px;
width: 224px!important;
width /**/: 235px;
}

[Uno]

perfetto! ora va bene.

però ora vorrei riuscire a far arrivare la colonna di destra fino alla fine della pagina.
ho provato mettendo il margine inferiore in automatico e a 100% ma non succede niente, gli ho dato altezza 100% ma neppure così...
Qual'è il problema?

OT:
Non mi ero accorto che c'era il sottoforum per questo argomento,
vi giuro che è comparso ora!

[stefano_T]

prova a mettere nel CSS questo:

body { margin-right : 0px; }

vedi se ti funziona così. se invece cerchi di fare arrivare la colonna fino in fondo alla pagina in basso allora non so che dirti visto che io ho lo stesso problema

[pacovox]

La soluzione più semplice anche se convengo non sia la più "pulita" è quella di mettere un'immagine di sfondo al contenitore che si ripete lungo l'asse y, in modo da simulare l'altezza della colonna che si espande fino in fondo.

#wrap{
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url("sfondo.jpg") right top repeat-y;
}

L'immagine la fai alta pochi px e larga quanto la colonna.

[Marcolino's]

Perché non pulita? E' un modo come un altro per creare un layout, ed anche il più usato.

Il modo sporco è usare un hack.

[Uno]

Originariamente inviato da pacovox
La soluzione più semplice anche se convengo non sia la più "pulita" è quella di mettere un'immagine di sfondo al contenitore che si ripete lungo l'asse y, in modo da simulare l'altezza della colonna che si espande fino in fondo.

#wrap{
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url("sfondo.jpg") right top repeat-y;
}

L'immagine la fai alta pochi px e larga quanto la colonna.

Grazie mille,
ho risolto così...

Perché non pulita? E' un modo come un altro per creare un layout, ed anche il più usato.

Forse perchè le immagini pesano... ma non è un problema, sono solo pochi byte.

[Marcolino's]

Che centra che le immagini pesano scusa, che fai non le metti?