Problema footer in IE

[yalesh]

Non riesco ad allineare il footer di questa pagina:

http://www.pubblicando.net/demo/

...o meglio funziona su FF e Opera ma non su IE.
C'è qualcosa che mi sfugge ad esempio qualche regola da applicare per explorer?

Grazie per eventuali suggerimenti.

[fcaldera]

Forse non ci riesci per un semplice motivo: l'errore non è sul footer ma è qui

div#header {stile.css (line 35)
background-color:#FFFFFF;
background-image:url(img/bkg_logo.gif);
background-repeat:no-repeat;
float:left;
height:47px;
margin-left:11px;
padding-top:5px;
width:453px;
}

Avendo flottato questo blocco e avendo un margine non nullo (11px) Explorer 6 ed inferiori raddoppiano il margine e lo portano a 22px. Te ne puoi accorgere sovrapponendo una finestra di Firefox ed una di explorer.

Aggiungi display: inline; dopo float: left; per correggere il bug.

Edit: ciò vale per tutti gli altri div con queste caratteristiche ovviamente


-Fab-

[yalesh]

Originariamente inviato da fcaldera
Forse non ci riesci per un semplice motivo: l'errore non è sul footer ma è qui

Avendo flottato questo blocco e avendo un margine non nullo (11px) Explorer 6 ed inferiori raddoppiano il margine e lo portano a 22px. Te ne puoi accorgere sovrapponendo una finestra di Firefox ed una di explorer.

Aggiungi display: inline; dopo float: left; per correggere il bug.

Edit: ciò vale per tutti gli altri div con queste caratteristiche ovviamente


-Fab-

Grazie ho risolto però ad essere sincero non mi è chiaro. Non ho capito perchè raddoppia il margine se nel div precedente non ho un margine

div#sinistra{
width: 196px;
height:564px;
float:left;
}

Comunque grazie 1000.

[fcaldera]

raddoppia il margine solo nei div flottati con margin diverso da 0

[yalesh]

Originariamente inviato da fcaldera
raddoppia il margine solo nei div flottati con margin diverso da 0

Ora ho capito, non ero a conoscenza di questa cosa.
Dunque la soluzione è display:inline oppure margin:0
Grazie