container altezza...

[Gumble]

ho un sito a 3 colonne e ho un problema con il container perché quest'ultimo decide di rispettare solo l'altezza della colonna centrale e quindi vedo passare il bordo sotto alle due colonne di sinistra e destra (che sono il doppio piu lunghe di quella centrale). come risolvo???

se metto nelle proprietà di container "position:absolute" funziona, ma non resta piu centrato!

mah :master:

[Gumble]

ok... con IE funziona.. come lo sistemo per firefox?

[Gumble]

ecco il css

body{
	margin: 0;
	padding:5;
	font-family: arial,sans-serif;
	font-size: 76%;
	text-align: center;
}
div#container{
	margin: 0 auto;
	/*position:absolute;*/
	width: 900px;
	text-align: left;
	border: 1px solid #0000cc;
}

div#header{
	background-color:#FFFFFF;
	color: #000000;
	height:80;
}

div#navigationl{
	float:left;
	padding:5;
	width:175;
	background-repeat:no-repeat;
	margin-bottom: 20px;
}
div#navigationr{
	float:right;
	padding:5;
	width:175;
	background-repeat:no-repeat;
	margin-bottom: 20px;
}
div#boxContainer{
	background-color:#CCCCCC;
	width: 160;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #0000cc;
	margin-bottom: 15px;
	margin-top: 10px;
}
div#content{
	padding: 5;
	text-align: center;
	background-repeat:no-repeat;
	margin-bottom: 20px;
}
div#centerContainer{
	width: 530;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #0000cc;
	margin-bottom: 15px;
	margin-top: 10px;
}
div#footer{
	height:20;
	width:900;
	bottom:0;
        background-color:#00CC99;
}

boxContainer sono i box che uso nelle colonne esterne
centerContainer sono i box che uso in mezzo...

container é la "scatola" con bordo che racchiude tutto. solo che non rispetta le dimensioni delle due colonne esterne (in firefox)

[Xadoom]

Prova così, prima della chiusura del div #container inserisci un altro elemento vuoto in cui dichiari 'clear:both;', ho visto che usi degli elementi float...

[Gumble]

Originariamente inviato da Xadoom
Prova così, prima della chiusura del div #container inserisci un altro elemento vuoto in cui dichiari 'clear:both;', ho visto che usi degli elementi float...

grazie! funziona perfettamente... l'ho messo giusto prima del div#footer.

ciao

[Xadoom]

Esatto, lo stesso problema l'ho incontrato io quando ho iniziato a smanettare con i css, proprio con un layout fluido a 3 colonne. Sono contento di esserti stato di aiuto.
Ciao