Div con immagini ai bordi: IE aggiunge 4pixel in +! (FF perfetto). Che sarà?

[meldro]

Dunque il codice che trovate nello zip insieme ai file delle immagini dei bordi del div incriminato è questo:

codice:

<div id="esterno" class="esterno"> 
<div class='cheader'></div> 
<div class='cbody'>  
<script language="JavaScript" type="text/javascript">    
var randVal = 6+Math.round(Math.random()*(14)); 	
for (i=0; i<randVal; i++) { 
	document.write("Nome<br>"); 
}   </script> </div>
<div id='u' class='cfooter'></div>
</div>

Praticamente succede che il div "cfooter", la cui height è fissata a 15px = all'altezza dell'immagine di bkg, una volta visualizzato in IE, assume una heigh di 19px!!!

Cioè in FF rimane di 15px mentre in IE si "creano" 4px di altezza in più!

Qui il pacchetto con i file per vedere le differenze tra i 2 browser.
http://wikisend.com/download/435366/testDiv.rar

Confido in un vostro aiuto perchè non so proprio più che pesci pigliare...

 

[TrovaFarmacie]

La colpa è semplicemente nel BOX MODEL errato di IE...

 

[MarcoGrazia]

Piano con il box model, era errato in IE6, corretto in IE7 e poi di nuovo da qualche problema con IE8.
Ma qui non c'entra nulla, il problema è nella formula

randVal = 6+Math.round(Math.random()*(14));

purtroppo non tutti i browser calcolano l'arrotondamento allo stesso modo, il consiglio è quello di fare uno sniffing del browser e prevedere dei valori diversi tra IE e FF.

 

[meldro]

Piano con il box model, era errato in IE6, corretto in IE7 e poi di nuovo da qualche problema con IE8.
Ma qui non c'entra nulla, il problema è nella formula

randVal = 6+Math.round(Math.random()*(14));

purtroppo non tutti i browser calcolano l'arrotondamento allo stesso modo, il consiglio è quello di fare uno sniffing del browser e prevedere dei valori diversi tra IE e FF.

Grazie a tutti e due ma il problema non è ne l'uno ne l'altro.
Ho scoperto trattasi di un bug di IE che gestisce le altezze dei div, quando minime, non con l'altezza del contenuto del div stesso ma, a prescindere, con l'altezza del font. Per cui, con un font size: 0; nel div incriminato il bug è aggirato.

 

[MarcoGrazia]

Tanks per la dritta, io pensavo ai famosi -3 pixel di IE6.