Salve a tutti, mi scuso per il titolo ma non sapevo come esprimere in coinciso il problema che da giorni mi toglie il sonno.
Il codice:
Firefox mi visualizza l'<ul> come non appartenete al div#sx e nemmeno al div#contenuti, mantiene la posizione verticale superiore del blocco rispettando ciò che lo precede ma verso il basso continua al di fuori dei vari div, o meglio dando uno sfondo bianco al div#sx la sua altezza non si modifica in modo da raccogliere tutto l'<ul> ( height:auto; ).<body>
<div id="contenuti">
<div id="sx">
<div id="elenco">
<ul>[*]Varie cose[*]Varie cose[*]Varie cose[*]Varie cose[/list]
</div>
</div>
</div>
</body>
/*CSS*/
#contenuti #sx {
position:relative;
width:96%;
height:auto;
padding-left:2%;
padding-right:2%;
padding-buttom:0%;
padding-top:0%;
margin:0%;
}
#contenuti #sx #elenco ul{
position:relative;
width:100%;
margin:0%;
padding:0%;
}
#contenuti #sx #elenco li{
position:relative;
list-style-type:none;
width:20%;
height:100px;
margin:0%;
padding:0%;
float:left;
}
Se tolgo il parametro float l'<ul> come per magia torna a rispettare la parentela col div#sx che finalmente si adatta e lo contiene come di norma.
Spero di non aver fatto troppa confusione nel descrivere il problema.
Ciao
Rispondi quotando
