bug in IE6?

[settembre05]

Ciao a tutti,
cercherò di essere quanto più chiara possibile nell'esporre il problema.

Il mio problema è una diversa visualizzazione in IE 6 rispetto a Firefox e alle divere versioni di IE 7 e 8.
Credo che sia dovuto ad un bug ma nn so esattamente quale e come risolverlo.
Ho provato diverse soluzioni ma nessuna di queste ha funzionato!

Qui di seguito posto il codice CSS:


#container{
height:auto;
overflow: hidden;
width:900px;
background-color:yellow;
}

#navigazione_laterale{
float: left;
width:181px;
height:auto;
padding:0px 0px 0px 0px;
min-height:520px;
font-size:14px;
background-color:green;
}


#contenuto{
margin: 0px 0px 0px 181px;
width:719px;
height:auto;
background-color:red;
}



CODICE HTML

<div id="container">
<div id="navigazione_laterale"> float:left</div>
<div id="contenuto">contenuto </div>
</div>



in Firefox tutto bene:
il contenuto appare affianco la navigazione_laterale alla sua dx.

In IE6
il contenuto appare affianco la navigazione_laterale alla sua dx MA spostato giù!




Qualcuno saprebbe aiutarmi?

Grazie

[Iron83]

Ciao,

è "normale" (da notare le virgolette......) che ogni browser renderizza il risultato in maniera diversa. Il problema che tu hai riscontrato in IE 6 sono le width dei due blocchi che hai affiancato con il metodo float (spero ) ti rimando a questo 3D spero possa esserti utile.

[fcaldera]

a "#contenuto" togli il margine e aggiungi float: left

[settembre05]

a "#contenuto" togli il margine e aggiungi float: left

scusami se rispondi solo ora, ma ho avuto problemi con IE e ho provato questa soluzione solo ora!
Ti volevo ringraziare, funziona!

HO provato anche un'alternativa quella di mettere al contenuto width:auto e sembra anch'essa funzionare!

Grazie mille!!!