IE ed i margin

**Kian987** · 25-08-2011, 14:50

Ciao

Sto utilizzando un semplicissimo sistema di hover/span suggeritomi qui nel forum ma non è compatibile con internet explorer. Ho ricreato il problema nella pagina linkata.

http://www.virusgaming.net/test/prova.php

Quello che accade è che IE considera i margin che "passano" sopra uno span come un elemento "solido". In altre parole come se andassi a mettere un'immagine sopra uno span annullando l'effetto hover.

Ho messo i 3 blocchi scalati per farvi capire meglio il problema. Il Pulsante 3, quello più a destra, annulla tutti gli span a sinistra che si trovano alla sua stessa altezza. E' un bug insopportabile.

Come risolvo?

**codencode** · 25-08-2011, 15:29

Con quale versione di IE ha quel comportamento. Con IE9 si comporta come con FF.

**Mich_** · 25-08-2011, 15:39

Prova con una DTD strict (preferibilmente XHTML 1.0 Strict).
- se non sai cosa e`, vedi unmanuale HTML alla voce DOCTYPE -

Infatti senza DTD o con DTD transitional IE si comporta in modo retrocompatibile (quirks) che e` un modo preistorico di interpretare i CSS

**Kian987** · 25-08-2011, 22:29

Ho l'errore di visualizzazione solo su IE7. Ho verificato che, come dicevi, da IE8 in poi funziona correttamente. Comunque io utilizzo, anche se nell'esempio non lo avevo messo, questo doctype.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Ne ho provati anche altri ma su IE7 si vede ugualmente male.

**codencode** · 26-08-2011, 09:56

Nel css, in corrispondenza di .contenitore1, .contenitore2, .contenitore3 togli i margini ed inserisci l'istruzione float: left.

Discussione: IE ed i margin

Strumenti discussione

Ricerca discussione

Visualizza

IE ed i margin

Permessi di invio