zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE 6 & 7 Drop Down Navigation Fehler

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.07.2009, 19:44
Zak Zak ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.06.2009
Beiträge: 25
Zak befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.07.2009, 21:04
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Gib #nav a erstmal display: block;. Auch wenn das scheinbar bereits reicht, sollte man dem IE immer noch vert. und horiz. Offsets geben, z.B. durch top & left, und zwar nicht mit dem Wert "auto" (ist gleichbedeutend mit "kein Offset"), sondern z.B. left: 0; und top: 100%;. Dafür bekommt li noch pos. rel., und da ältere Geckos dann Probleme bekommen, sollte das alles nur der IE < 8 sehen. Ähnliches gilt übrigen auch für Dein JS: Zeige das nur dem IE < 7 und verschone die übrigen Browser damit
__________________
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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.07.2009, 21:23
Zak Zak ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.06.2009
Beiträge: 25
Zak befindet sich auf einem aufstrebenden Ast
Standard

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?

Mit Zitat antworten
  #4 (permalink)  
Alt 05.07.2009, 21:31
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 06.07.2009, 23:14
Zak Zak ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.06.2009
Beiträge: 25
Zak befindet sich auf einem aufstrebenden Ast
Standard

Hast du vielleicht auch eine Idee was man machen kann das bei den runden Kästen im IE6 nicht etwas dazwischen ist wie eine Leerzeile.
Mit Zitat antworten
  #6 (permalink)  
Alt 06.07.2009, 23:29
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 07.07.2009, 01:18
Zak Zak ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.06.2009
Beiträge: 25
Zak befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #8 (permalink)  
Alt 07.07.2009, 02:29
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Zak Beitrag anzeigen
so ist der Abstand zwar kleiner geworden aber der Abstand ist nicht ganz weg gegangen.
Das div hat jetzt die gewünschte Höhe von 9px. Was Du jetzt noch siehst, ist tatsächlich ein Abstand zum nachfolgenden div - dieser verschwindet, wenn das gemeinsame Elternelement .entry hasLayout bekommt.

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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 09.07.2009, 04:40
Zak Zak ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.06.2009
Beiträge: 25
Zak befindet sich auf einem aufstrebenden Ast
Standard

Mir ist gerade noch etwas aufgefallen und zwar als ich das font-size: 0; drin hatte war wieder das Problem des im IE7 wieder der abstand da war.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.07.2009, 11:50
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:22 Uhr.