2009-04-02 19 views
0

Wenn Sie diese Seite anzeigen: http://www.sussexjewelers.com/product_search.php?cid=69Warum funktionieren meine Dropdown-Menüs nicht in ie7?

Die Dropdown-Menüs (horizontaler grüner Balken) werden in ie7 nicht angezeigt. Sie fallen in ie6, Firefox und Chrome. Auch wenn Sie die Homepage aufrufen, funktionieren die gleichen Dropdowns in ie7. Ich kann nicht herausfinden, warum sie nicht auf dieser Seite in ie7 arbeiten. Sie sind reine CSS Dropdown-Menüs.

Jede Hilfe wird geschätzt.

Danke!

+0

FYI funktioniert nicht in IE7 oder IE8 – scunliffe

+0

Ihre Tags möglicherweise aus – TStamper

+0

Ihre Website wird auch im IE5 Quirks-Modus gerendert, weil Ihr DOCTYPE NICHT das erste Tag auf der Seite ist ... all die zusätzlichen Skript/Style-Info ist zwingt Ihre Seite in den Quirks-Modus statt in den Standard-Modus – scunliffe

Antwort

2

Sie haben eine Reihe von Stil- und Skript-Tags vor dem eigentlichen HTML-Dokument. Diese sollten im Kopf-Tag der Seite sein.

Das Doctype-Tag muss das erste Tag in der Quelle sein, sonst wird IE die Seite im Quirks-Modus rendern. Andere Browser können es auch in Quirks-Modus rendern, aber es macht viel mehr Unterschied für IE. Ein großer Unterschied ist, dass die box model falsch behandelt wird.

Sobald Sie die grundlegende Struktur des Codes richtig erhalten, sollten Sie validate the html und the css, um zu sehen, ob es weitere Probleme im Code gibt. Ich kann sofort sehen, dass Sie einen HTML-Doctype haben, aber Sie verwenden XHTML-Tags im Code.

Wenn die Menüs nach der Bereinigung des Codes immer noch nicht funktioniert, würde ich vermuten, dass es ein Problem mit dem Z-Index ist, so dass die Menüs angezeigt werden, aber hinter dem Hauptinhalt versteckt ist. IE behandelt den Z-Index nicht korrekt für Elemente mit Layout.

+0

Hier ist ein Validierungslink für Sie 314 Fehler sollten Ihnen etwas zum Arbeiten geben ... http://validator.w3.org/check?verbose=1&uri=http%3A%2F % 2Fwww.sussexjewelers.com% 2Fproduct_search.php% 3Fcid% 3D69 –

2

Ihre <style> und <script> Tags sollten in Ihrem <head> Tag, nicht außerhalb Ihres <html>-Tag sein.

Fügen Sie auch eine DOCTYPE

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

HTML 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

Treffen Sie Ihre Wahl.

0

TonyF hat Recht. In Zukunft, versuchen Sie dies in Ihrer URL-Leiste ausgeführt wird, um zu sehen, wenn Sie tatsächlich im Standardmodus (CSS1Compat) vs Quirks-Modus (BackCompat) sind:

javascript:alert(document.compatMode) 

Ich habe das in einem Bookmarklet im Internet Explorer.

Verwandte Themen