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

meldro

Nuovo Utente
15 Mag 2010
2
0
0
Dunque il codice che trovate nello zip insieme ai file delle immagini dei bordi del div incriminato è questo:

codice:

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... :(
 

MarcoGrazia

Utente Attivo
15 Dic 2009
795
16
18
59
Udine
www.stilisticamente.com
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
Codice:
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

Nuovo Utente
15 Mag 2010
2
0
0
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
Codice:
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Visualizzare div quando le immagini sono state uploadate con successo (Ajax) Ajax 0
J Far comparire e scomparire un div con un select Javascript 1
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
A Javascript Nascondere Div con id numerico dinamico Javascript 18
trattorino [PHP] prelevare solo div con id PHP 1
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
A [HTML] div flessibile con span HTML e CSS 14
E [Javascript] problema con margine quando viene mostrato div Javascript 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
Marcello.Fiore Nascondere div con jQuery jQuery 7
Erzsébeth Drag div con class Javascript 9
G validazione form con div tipo alert jQuery 0
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
P nascondere div con css inline Javascript 2
F DIv con contenuti dinamici Ajax 8
M Problema con ciclo foreach per chiusura apertura div in base al numero di record in database PHP 1
A centrare iframe con div HTML e CSS 2
B div riempito con testo collegato a esempio.txt o sincronizzazione tra div HTML e CSS 1
P div fisso con offset() o position() jQuery 2
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
S aggiornamento div con passaggio parametri da href Ajax 8
P aggiornare div con un clic senza reload Ajax 2
L sostituzione contenuto diversi div con document.getelementbyid Javascript 2
C Div con bordi come sfondo HTML e CSS 6
C Form con dentro div errore validatore w3c HTML e CSS 6
M Div dinamici con PHP jQuery 1
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
otto9due Incrementare id div con php PHP 2
Emix Slideshow con div sovrapposto HTML e CSS 5
max_400 Sostituire un div con un altro il comando innerHTML è bloccato Javascript 0
asevenx centrare sito con div HTML e CSS 7
C Dreamweaver cs4 problemi con div Ap HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
G Stampare valori in più div con PHP e MySQL PHP 4
B Auto-aggiornamento DIV con php+ayax PHP 1
F toggle con testo al toggle tra due div jQuery 3
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
D Problema con sovrapposizione DIV HTML e CSS 2
criric Div con frasi a rotazione Snippet Javascript 1
Monital I div non si accostano con float:left HTML e CSS 1
D Aiuto con Ajax e pagine incluse nei DIV Ajax 1
P Problema con hover div jQuery 2
M CSS...dinamico? Altezza div variabile, ma con immagine come bordo HTML e CSS 4

Discussioni simili