|
|||
IE 6 & 7 Drop Down Navigation Fehler
Ich habe mit Wordpress eine Webseite aufgesetzt und dort eine Drop Down Navigationsmenu eingebunden. Leider habe ich das Problem das im Internet Explorer 6 und Internet Explorer 7 das Drop Down Menu falsch angezeigt wird.
Hier ist ein Screenshot wie es im Internet Explorer 6 aus sieht. Hier ist ein Screenshot wie es im Internet Explorer 7 aus sieht. Und hier noch ein Screenshot wie es eigentlich aussehen sollte. Bei der seite handelt es sich um Spruchinsel ? Sprüche zu allen möglichen Themen Hat jemand eine Idee was man machen kann so dass das Drop Down Menu auch im IE6 und IE7 richtig angezeigt wird? Vielen dank schon für eure Hilfe. |
Sponsored Links |
Sponsored Links |
|
|||
Vielen dank mit dem display: block; klappt es im IE7 jetzt perfekt. Im IE 6 sieht es auch nicht schlecht aus es ist nur so das sehr viel platz zwischen den verschiedenen Kategorien im Drop Down ist. Hast du noch eine Idee was ich da machen muss? Ist dass das mit den Offsets? Wenn ja kannst du mir da noch genauer schreiben was man da machen muss. Denn ich verstehe es so noch nicht so ganz.
Hast du vielleicht auch eine Idee warum bei den runden Boxen im IE6 wie eine Leerzeile dazwischen ist? |
|
||||
Du machst ul per left: -999em; unsichtbar und per left: auto; wieder sichtbar. Verwende für den IE aber lieber Offsets wie beschrieben. Zu den Abständen im IE < 7 siehe FAQ.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Du verwendest leere divs mit sehr geringer Höhe (z.B. 9px). Der IE < 7 dehnt sie aus, bis Text hineinpassen würde. font-size: 0; oder overflow: hidden; helfen ab. Wesentlich besser: Verschachteln statt leerer Elemente.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Leider hat das nicht so ganz geklappt. Ich habe es mal so eingefügt
.tabellentop {background:url("images/top.png") top left no-repeat; height: 9px; overflow: hidden; font-size: 0; width: 634px; margin:0; padding: 0; display: block;} so ist der Abstand zwar kleiner geworden aber der Abstand ist nicht ganz weg gegangen. Ich hatte es auch versucht ganz ohne die 9px was aber leider auch nichts gebracht hatte. |
|
||||
Zitat:
Dennoch ist Deine Heransgehensweise sehr unschön - löse es besser folgendermaßen: Runde und andere Ecken (Webdesign) | andreas-kalt.de
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Dem IE 7 ist das allerdings egal, da er height korrekt behandelt (d.h. nie ausdehnt).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 12:11 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 16:29 |
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen! | webfabrik | CSS | 4 | 16.01.2007 02:29 |