XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt (http://xhtmlforum.de/showthread.php?t=55976)

Ste 25.02.2009 14:46

IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt
 
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo zusammen,

bei meinem Layout habe ich (logischerweise) Probleme mit der Darstellung im Internet Explorer 6:

Ich habe ein horizontales Menü (mit verschachelten Listen), in dem es insgesamt 3 Ebenen gibt, siehe Eltrok Elektrotechnik - 2004-2000

Dabei wird im FF und IE7 die dritte Hierarchiestufe (im Falle des obigen Links also die Einträge 2004, 2003, 2002, 2001 und 2000) korrekt angezeigt - horizontal angeordnet und unter dem Parent-Link. Beim IE6 verhält sich die Geschichte aber ganz eigenartig - beim ersten Aufruf wird es falsch angezeigt (angehängtes Bild 1), wenn ich die Page aber neu lade, ist es korrekt (angehängtes Bild 2). Weiterhin werden im Menü nur die Links (manchmal) falsch angezeigt, die sich relativ weit rechts befinden, die Unterlinks zum Menüeintrag "2008-2005" werden immer korrekt interpretiert.

Ich versuche nun schon seit Stunden, das Problem zu beheben, weiß jetzt aber nicht weiter... Ich würde mich echt freuen, falls jemand mir da weiterhelfen könnte! Folgend noch der entsprechende gekürzte CSS-Code mit den Positionierungswerten, alle Eigenschaften zur Darstellung (background, border, etc.) habe ich dabei entfernt:

HTML-Code:

.menu-top a {
        width:auto;
        height:25px;
        padding-left:20px;
        padding-right:20px;
        display:block;
          float:left;
}

.menu-top span {
        position:relative;
        top:4px;
}

/*die zweite Hierarchiestufe (ul), .active ist der Parent-Listeneintrag*/
.menu-top .active ul {
        position:absolute;
        top:25px;
        padding-left:14px;
        float:left;
        clear:left;
}

.menu-top .active li a {
        width:auto;
        height:auto;
        padding-left:6px;
        padding-right:14px;
}

.menu-top li.active li a span {
        position:relative;
        top:0px;
}

/*die dritte Hierarchiestufe*/
.menu-top li.active li.active ul {
        position:relative;
        top:1px;
        padding-left:5px;
        float:left;
        clear:left;
}

.menu-top li.active li.active li, .menu-top li.active li.active li a {
        padding:1px;
}

.menu-top li.active li.active li a span {
        padding-left:4px;
        padding-right:5px;
}

Vielen Dank schonmal im Voraus!

Viele Grüße,

Stefan


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:23 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020