Ho un problema al quale proprio non riesco a venire a capo.
Vi devo passare dei file perchè si tratta di un div con i bordi composti da immagini ed un altro div di sfondo/contenitore.
Il problema è che con FF è perfetto mentre con IE il div sfondo/contenitore si "allunga" più del dovuto.
Se scaricate i file che trovate qui: http://wikisend.com/download/435366/testDiv.rar capirete sicuramente meglio.
Spero proprio possiate aiutarmi.
Grazie in anticipo.
Non apro neanche lo script... IE è lo sputo dei browser... La Microsoft aveva bevuto quando l'ha fatto, è venuto male... Come quando si fuma in gravidanza, il bambino esce male..
Ho visto la mail di risposta al mio post e mi sono illusono.
Sono d'accordo con te su IE ma cio' non toglie che più della metà degli utenti la usa e non posso fare a meno di verifcare la compatibilità.
edit: ho fatto un piccolo passo in avanti.
Dunque il codice che trovate nello zip insieme ai file delle immagini dei bordi è questo:
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!!!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 "); } </script> </div> <div id='u' class='cfooter'></div> </div>
Cioè in FF rimane di 15px mentre in IE si "creano" 4px di altezza in più!
uhmm
prova a giocare sul position... prova absolute... gioca un po' ... non sono bravo in css...
Ciao Meldro, inserisci il Doctype completo
e già qualcosa si muoverà.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Nei file che ho uppato in effetti questo manca, ma l'avevo comunque già provato e non risolve il problema oggetto del post.Originariamente inviato da Prill
Ciao Meldro, inserisci il Doctype completo
e già qualcosa si muoverà.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Grazie comunque per la segnalazione.
Hai tenuto conto del bug di IE con il floating? Ricorda che IE raddoppia le dimensioni di margini ecc ... nella direzione del float :-)
Grazie per l'indizio ma non era quello!Originariamente inviato da uddas
Hai tenuto conto del bug di IE con il floating? Ricorda che IE raddoppia le dimensioni di margini ecc ... nella direzione del float :-)
Alla fine però l'ho trovato!
E' sempre un bug di ie che vincola l'altezza del contenitore (div) non all'altezza dell'elemento inserito ma sempre all'altezza del font. Per cui mettendo un font-size: 0; nel div incrimanto il bug è aggirato!
Permessi di invio
Rispondi quotando