|
|||
IE 6 - Unternavigation erscheint nicht
Hallo,
ich hoffe ihr könnt mir weiter helfen, weil ich im Moment keine Lösung finde. Und zwar schaffe ich es nicht das mir der IE 6 die Unternavigation anzeigt. Die Probleme tauchen wegen dem " left: -9999px; (bei /* untermenue */#nav li ul ) und " left: auto;" (bei /* untermenue */ #nav li:hover ul) auf. Wär toll, wenn ihr eine Lösung für mich hättet. Danke. HTML-Code: Code:
<div id="nav"> <div> <ul> <li id="n-unter"><a href="#" title="#" class="unternehmen_a">Menuepunkt 1</a> <ul> <li><a href="#" title="#">Link 1</a></li> <li><a href="#" title="#">Link 2</a></li> <li><a href="#" title="#">Link 3</a></li> <li><a href="#" title="#">Link 4</a></li> <li><a href="#" title="#">Link 5</a></li> </ul> </li> <li id="n-neu"><a href="#" title="#">Menuepunkt 2</a> <ul> <li><a href="#" title="#">Link 1</a></li> <li><a href="#" title="#">Link 2</a></li> <li><a href="#" title="#">Link 3</a></li> <li><a href="#" title="#">Link 4</a></li> <li><a href="#" title="#">Link 5</a></li> </ul> </li> <li id="n-der"><a href="#" title="#">Menuepunkt 3</a> <ul> <li><a href="#" title="#">Link 1</a></li> <li><a href="#" title="#">Link 2</a></li> <li><a href="#" title="#">Link 3</a></li> <li><a href="#" title="#">Link 4</a></li> <li><a href="#" title="#">Link 5</a></li> </ul> </li> <li id="n-akt"><a href="#" title="#">Menuepunkt 4</a> <ul> <li><a href="#" title="#">Link 1</a></li> <li><a href="#" title="#">Link 2</a></li> <li><a href="#" title="#">Link 3</a></li> <li><a href="#" title="#">Link 4</a></li> <li><a href="#" title="#">Link 5</a></li> </ul> </li> </ul> </div> </div> Code:
#nav { height: 34px; position: absolute; left:0px; top: 90px; width:795px; z-index: 30; border-bottom: 2px #000 solid; } #nav div { margin: 8px 0px 0px 0px; list-style-type: none; } #nav ul { height: 34px; position: absolute; width: 795x; z-index:31; } #nav li { float: left; height: 34px; list-style-type: none; } #nav a { text-decoration: none; } #n-unter a, #n-neu a, #n-der a, #n-akt a { font-family: Arial, Verdana, sans-serif; font-weight:bold; font-size: 14px; color:#505b5d; padding: 5px 15px 5px 15px; display: block; border-right: 1px #bdbdbd solid; } /* rahmenfarben unten */ #n-unter a { border-bottom: 2px #da2836 solid; } #n-neu a { border-bottom: 2px #f59b45 solid; } #n-der a { border-bottom: 2px #0096d3 solid; } #n-akt a { border-bottom: 2px #958e7e solid; } /* hintergrund / Untermenue hover */ #nav #n-unter a:hover, #nav .unter_a { background: #da2836; color: #fff; } #nav #n-neu a:hover, #nav .neu_a { background: #f59b45; color: #fff; } #nav #n-der a:hover, #nav .der_a { background: #0096d3; color: #fff; } #nav #n-akt a:hover, #nav .akt_a { background: #958e7e; color: #fff; } /* untermenue */ #nav li ul { height: auto; left: -9999px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #fff; position: absolute; top:28px; z-index: 31; } #nav li li { margin-top:0px; } #nav li:hover ul { left: auto; display: block; } #nav li ul li, #nav li ul li a { height: auto; margin: 0; padding: 0; text-indent: 0; } #nav li:hover ul li a, #nav li ul li a { display: block; font-size: 12px; line-height:14px; padding: 5px 5px 5px 5px; color: #000; font-family: Arial, Verdana, sans-serif; font-weight:normal; border-bottom: 1px #fff solid; } #nav ul li ul { margin-top: 3px; } #nav li ul, #nav li ul li { width: 150px; } /* hintergrund untermenue */ #n-unter ul li a{ background: #f5b7bb; } #n-neu ul li a { background: #f5c597; } #n-der ul li a{ background: #9bdcf6; } #n-akt ul li a { background: #d2ccc0; } /* hintergrund Menue, wenn untermenue aktiv */ #nav a:hover, #nav li:hover a, #nav li.mnhover a { background: #ccc; !important; } Geändert von cssman (06.04.2009 um 11:11 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Automatische Unternavigation | DarkDecipio | CSS | 1 | 19.05.2011 13:38 |
Formular: Dankeseite erscheint nicht | White Raven | (X)HTML | 3 | 26.09.2010 17:23 |
Weiße Schrift erscheint auf rotem Hintergrund unscharf | Bartender | CSS | 3 | 20.08.2007 20:33 |
Tabelle erscheint innerhalb eines DIVs | FBI | CSS | 1 | 27.06.2007 01:39 |
Haupt- und Unternavigation??? | Juergen | CSS | 3 | 08.10.2004 12:52 |