|
|||
CSS-Popup Menu
Hallo,
ich bin neu hier und habe ein Problem: Ich verwende ein CSS-Popup-Menu, das beim IE7, Firefox und auch Safari problemlos funktioniert, nur beim IE6 klappt das Menu nicht auf, man sieht nur den Hauptpunkt. Was kann man da machen? Hier die CSS-Datei: Code:
div#container { width : 900px; position : relative; left : 15px; margin : 0; background : #b4db4e; border : 0 solid #b9121b; height : 25px; } ul#navigation-1 { margin : 0; padding : 0 0; list-style : none; width : 100%; height : 21px; border-top : 0 solid #ffffff; border-right : 0 solid #ffffff; font : normal 10pt verdana, arial, helvetica; } ul#navigation-1 li { margin : 0; padding-left : 0; display : block; float : left; position : relative; width : 140px; } ul#navigation-1 li a:link, ul#navigation-1 li a:visited { padding : 4px 0; display : block; text-align : center; text-decoration : none; background : #b4db4e; color : #5d7633; width : 147px; height : 13px; border-right : 1px solid #92cb00; border-left : 1px solid #92cb00; font-weight : bolder; } ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active { padding : 4px 0; display : block; text-align : center; text-decoration : none; background : #97d104; color : #5d7633; width : 146px; height : 13px; border-left : 1px solid #ffffff; border-right : 1px solid #ffffff; } ul#navigation-1 li ul.navigation-2 { margin : 0; padding : 1px 1px 0; list-style : none; display : none; background : #b4db4e; width : 138px; position : absolute; top : 21px; left : 0; border : 1px solid #ffffff; border-top : none; } ul#navigation-1 li:hover ul.navigation-2 { display : block; } ul#navigation-1 li ul.navigation-2 li { width : 120px; clear : left; width : 120px; } ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited { clear : left; background : #b4db4e; padding : 4px 0; width : 139px; border : none; border-bottom : 0 solid #ffffff; position : relative; } ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { clear : left; background : #97d104; padding : 4px 0; width : 139px; border : none; border-bottom : 0 solid #ffffff; position : relative; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { display : none; margin : 0; padding : 0; list-style : none; position : absolute; left : 145px; top : -2px; padding : 1px 1px 0 1px; border : 1px solid #b9121b; border-left : 1px solid #b9121b; background : #b4db4e; } ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { display : block; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { background : #b9121b; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { background : #ec454e; } ul#navigation-1 li ul.navigation-2 li a span { position : absolute; top : 0; left : 132px; font-size : 12pt; color : #fe676f; } ul#navigation-1 li ul.navigation-2 li:hover a span, ul#navigation-1 li ul.navigation-2 li a:hover span { position : absolute; top : 0; left : 132px; font-size : 12pt; color : #ffffff; } Code:
<div id="container"> <ul id="navigation-1"> <li><a href="../index.php?id=1" title="Home">Home</a> <ul class="navigation-2"> <li><a href="../index.php?id=2" title="">Link 1</a></li> <li><a href="../index.php?id=4" title="">Link 2</a></li> <li><a href="../index.php?id=3" title="">Link 3</a></li> </ul> </li> </ul> </div> Danke |
Sponsored Links |
|
||||
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.) |
Sponsored Links |
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 Menu - active Seite hervorheben | celine70 | CSS | 2 | 20.12.2008 00:59 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |
Popup Menu mit CSS | quintie | CSS | 3 | 21.10.2004 19:30 |