|
|||
CSS-Menüproblem im IE6
Hallo zusammen.
Ich habe ein Problem mit meinem CSS-Menü und dem IE6. Das Problem ist bestimmt schon an anderer Stelle besprochen worden, aber ich habe mit meiner Suche leider nichts passendes gefunden. Auf der Seite Eintracht Oberlbbe habe ich mein Menü drin. Es sind max. 3 Ebenen, die beim Mouseover aufklappen. Im Firefox und Opera kein Problem, im IE6 klappt das Ganze nur halb. Die Untermenüs klappen auch auf, allerdings erscheint unter dem Mouseover-Menüpunkt zusätzlich ein leerer Bereich. Außerdem klappt das Menü zu, wenn ich in die dritte Ebene komme. Ich denke mal, dass ich für den IE6 noch etwas einbauen muß, weiß aber leider nicht was. Falls es schon eine Lösung in einem anderen Beitrag gibt, wäre ein Hinweis auch super. Hier ist mein Code für das Menü: Code:
/*- Menu links */ #menuleft { padding: 10px 0 0 20px; width: 180px; clear: both; float: left; color: #FFFFFF; z-index: 5; } #menuleft li a { height: 20px; color: #FFFFFF; font-size: 14px; display: block; padding: 2px 0 0 5px; } #menuleft li a:link, #menuleft li a:visited { color: #FFFFFF; display: block; padding: 2px 0 0 5px; } #menuleft li a:hover { background: #D3E2F9; color: #000000; display: block; padding: 2px 0 0 5px; } #menuleft li:hover ul { display: block; } #menuleft li:hover ul li ul{ display: none; } #menuleft ul { list-style: none; width: 120px; margin-left: 30px; padding: 0; } #menuleft li ul { position: absolute; left: 120px; top: 0; display: none; } /* 1. Unterbene */ #menuleft ul li { position: relative; background: #005AA9; } #menuleft ul li ul{ list-style: none; width: 165px; margin: 0; padding: 0; } #menuleft ul li a { display: block; text-decoration: none; padding: 2px 0 0 5px; border-bottom: 0; } #menuleft li ul li:hover ul { display: block; } /* 2. Unterbene */ #menuleft ul li ul li{ position: relative; background: #005AA9; } #menuleft li ul li ul{ position: absolute; left: 165px; top: 0; display: none; } #menuleft ul li ul li ul{ list-style: none; width: 120px; margin: 0; padding: 0; } #menuleft ul li ul li a { display: block; text-decoration: none; padding: 2px 0 0 5px; border-bottom: 0; } PHP-Code:
IE6 Firefox 3 Besten Dank schonmal. Sascha |
Sponsored Links |
|
|||
Eine Datei habe ich noch vergessen, und zwar die mit den Menüeinträgen (menu.php.inc):
PHP-Code:
|
Sponsored Links |
|
|||
So, einen Schritt weiter bin ich schon einmal. Habe in der CSS-Datei folgendes für den IE6 ergänzt:
Code:
* html #menuleft li { height: 1%; } |
|
|||
So, ich hab's jetzt doch hinbekommen.
Der Spalt zwischen den Menüpunkten kommt dadurch zustande, dass der IE6 den Zeilenumbruch im Quelltext als Leerzeichen interpretiert. Da mir eine saubere Formatierung aber lieber ist, als ein ordentlich funktionierender IE, habe ich jetzt folgenden Code eingefügt: Code:
* html #menuleft li { height: 1%; margin-bottom: -0.2em; } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
CSS imagemap mit Tooltip - Probleme IE6 und IE7 | Evoli | CSS | 8 | 11.06.2009 10:56 |
Bekomme CSS Frames in IE6 nicht hin... | iceman_fx | CSS | 8 | 12.03.2008 13:58 |
IE6 Problem mit CSS Menü | träumer | CSS | 2 | 15.01.2007 17:55 |
CSS Problem mit IE6 | breker01 | CSS | 9 | 18.12.2006 19:42 |