Css e proprietà float

[UnNamed]

EDIT: Herrel, hai postato mentre stavo rispondendo, aspetta che guardo un'attimo, cmq la soluzione di prima funzionava benissimo.


Ok, grazie, ho risolto questo problema...però , sempre a proposito di questo problema, c'è n'è uno più grande.

Guarda qui , è lo stesso esempio di prima, solo che all'interno del blocco "desc" , invece che un solo blocco "descint", ce ne sono tanti uno dopo l'altro. COn IE e Opera tutto a posto. Con Mozilla, dopo un po' , i blocchi passano sopra al blocco "footer" andandosene per i fatti loro. Ho provato ad inserire un altro div clear ma non ha funzionato. Il blocco "footer" ha già al suo interno un clear=left, per via dei due contenitori principali che gli stanno sopra, il "desc" e il "block".

[herrel]

metti questo nell'id desc

min-height: 300px;
height: auto !important;
height: 300px;

[span]

oppure elimina da #container height: 100%

a occhio potresti eliminarli tutti, gli height: 100%.... non servono

[herrel]

Originariamente inviato da span
oppure elimina da #container height: 100%

a occhio potresti eliminarli tutti, gli height: 100%.... non servono

infatti l'ho tolto....mozilla ci fa a pugni!

[UnNamed]

Mamma mia,grazie ragazzi,MITTTTTTICCCI!

Il mio sito è quasi a posto, manca solo un dettaglio:

guardate qui , come faccio a fare in modo che il contenitore block (quello con lo sfondo nero), vada a finire fino in fondo a toccare il footer?La soluzione di span mi ha tolto di mezzo il fastidioso problema di mozilla descritto prima(grassssie). Solo che il container 100% mi serviva proprio per questo!

PS: per comodità riscrivo il testo del foglio di stile perchè ho dovuto fare qualche modifica:

html,body{
text-align: center; /*centra in IE 5.x */
margin: 0px auto;
padding: 0px;
height:100%;
}


div#container{
width: 960px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento*/
}

/*blocco centrale*/
#desc{
float:left;
width:810px;
margin:0px;
height:100%;
}

/*blocco destro*/
#block{
background-color:black;
width:150px;
float:right;
padding: 0px;
height:100%;
}

/*blocco interno al blocco destro*/
.box{
background:#CCCCCC url(image/block.jpg) repeat-y;
margin:4px;
border:1px solid black;
font: 10px/10px Arial,sans-serif;
}


.boxint{
margin:2px 0px 2px 4px;
font: 10px/10px Arial,sans-serif;
}

/*titolo*/
.tit{
background-color:#CC9999;
font: bold 11px Arial,sans-serif;
color:white;
}

/*footer*/
#footer{
clear:both;
text-align:center;
background-color:#666666;
font: bold 11px Arial,sans-serif;
color:white;
height:13px;
}


/*ulteriore blocco interno*/
#descint{
margin:10px;
background-color:#CCCCCC;
font: 12px/12px Arial,sans-serif;
border:2px solid white;
}



/*blocco interno posizionato a destra con un float*/
#info{
background: url(image/blocklog.jpg) repeat-y;
float:left;
margin:3px;
border:2px solid white;
width:170px;
}

[span]

eccheppalle

scherzo :gren: