|
|||
Menü geht im IE nicht wie im Mozilla
Ich hab ein drobdownmenü, welches im Firefox wunderbar funktioniert, allerdings klappt es im IE 7 nicht auf (in anderen IE hab ich es nicht probiert).
was mache ich falsch html: HTML-Code:
<div id="menue"> <ul id="navlist"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li id="active"><a href="#" id="current">4</a> <ul id="subnavlist"> <li id="subactive"><a href="#" id="subcurrent">4.1</a></li> <li><a href="#">4.2</a></li> <li><a href="#">4.3</a></li> <li><a href="#">4.4</a></li> </ul> </li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> </ul> </div> HTML-Code:
ul#navlist { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } ul#navlist a { text-decoration: none; } ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; padding: 0px; list-style-type: none; } ul#navlist li { float: left; } ul#navlist li a { color: #fff; background-color: #000; padding: 2px; padding-left:12px; padding-right:12px; border: 0px; } ul#navlist li a:hover { color: #fece00; background-color: #000; } ul#navlist li a:active { color: #fff; background-color: #000; border: 0px; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:0px; } ul#subnavlist li a { padding: 0px; margin: 0px; } ul#navlist li:hover ul#subnavlist { display: block; position: absolute; font-size: 12pt; padding-top: 0px; } ul#navlist li:hover ul#subnavlist li a { display: block; border: none; padding-left: 12px; width: 11em; padding-top:3px; padding-bottom:1px; } |
Sponsored Links |
|
||||
Vielleicht liegt es am Quirks Mode.
DOCTYPE-Switch und seine Auswirkungen Im Standards Mode klappt es im IE7 aus.
__________________
MfG Jens |
Sponsored Links |
|
|||
SUPER
das klappt erstmal, ABER leider nur teilweise das menü im Firefox sieht super aus, aber im IE klappt es zwar senkrecht aus, aber rechts neben dem Überpunkt: Wie bekomme ich es noch unter den Hauptpunkt? |
|
|||
css:
HTML-Code:
ul#navlist { font-family:Verdana, Arial, Helvetica, sans-serif; } ul#navlist a { text-decoration: none; font-weight:bold; font-size:11px; border: 0px; } ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; border: 0px; padding: 0px; list-style-type: none; } ul#navlist li { float: left; padding: 0px; border: 0px; position:relative; } ul#navlist li a { color: #fff; background-image:url(images/bgmenue.png); background-repeat:repeat; padding: 2px; padding-left:10px; padding-right:10px; border: 0px; } ul#navlist li a:hover { color: #fece00; background-image:url(images/bgmenue.png); background-repeat:repeat; border: 0px; } ul#navlist li a:active { color: #fff; background-image:url(images/bgmenue.png); background-repeat:repeat; border: 0px; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:0px; border: 0px;; position:absolute; } ul#subnavlist li a { padding: 0px; margin: 0px; border: 0px; } ul#navlist li:hover ul#subnavlist { display: block; left:0; position:relative; font-size: 11pt; padding-top: 0px; border: 0px; } ul#navlist li:hover ul#subnavlist li a { display: block; border: none; padding-left: 10px; width: 11em; padding-top:5px; padding-bottom:3px; } HTML-Code:
<div id="menue"> <ul id="navlist"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li id="active"><a href="#" id="current">4</a> <ul id="subnavlist"> <li id="subactive"><a href="#" id="subcurrent" style="margin-top:65px">4.1</a></li> <li><a href="#" style="margin-top:44px">4.2</a></li> <li><a href="#" style="margin-top:23px">4.3</a></li> <li><a href="#">4.4</a></li> </ul> </li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> </ul> </div> |
|
||||
Zitat:
Es funktioniert aber in diesem Beispiel. Das ist verkehrt umgesetzt: Code:
ul#subnavlist li { ... position:absolute; }
__________________
MfG Jens Geändert von plastiko (28.05.2009 um 13:55 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |
Navigation - Menü | T.S. | CSS | 6 | 18.02.2006 19:49 |
menue verschiebt content im ff / mozilla & ie funzt / va | umdre | CSS | 3 | 02.03.2005 17:25 |