piccolo padding aggiunto da IE6 a lato di un div float

[piesse78]

Ma possibile che devo diventar matto per queste cose

Per semplificarmi la vita, infatti, ho voluto fare un layout a due colonne.

<div id="navigazione">
   navigazione
nav2
nav3
</div>
		
<div id="corpo">
   corpo

   corpo1

   corpo2

   corpo3

   corpo4

   corpo5
</div>

e il css

* {
   margin: 0;
   padding: 0;
}

#navigazione {
   width: 250px;
   float: left;
}

#corpo {
   background-color: #FFD;
   margin-left: 250px;
}

Con IE6 appare un piccolo margine di pochi pixel prima delle scritte "corpo, corpo1, corpo2..." in corrispondenza praticamente dell'altezza della colonna flottante. Ho provato di tutto, a ridurre la larghezza, ad aggiungere o togliere margini...

qualcuno conosce qualche hack?

'azie

[Miki73]

è uno dei classici bachi di Explorer quando si utilizzano i blocchi floattanti, che sposta di tre pixel a destra non il blocco successivo a quello floattante ma il suo contenuto; hai due soluzioni:
1) metti a float anche il secondo blocco, ed il baco sparisce miracolosamente
2) aggiungi:

#navigazione { margin-right: -3px; }
#corpo { height: 0; }

[piesse78]

ahhh grande!!! molte grazie!

ha un nome questo hack?