02.03.2005, 18:05
|
|||
|
|||
IE reagiert nicht auf li hover im menü firefox problemlos
Hallo ich hoffe mir kann jemand einen Tipp geben. Vielleicht ist es ja auch ein bekannter IE Bug.
Es geht um ein rounded box menü. komischerweise reagiert der internetexplorer nur auf diesen codebereich da fehlt dann natürlich der linke rand der rounded box. /* ##### IE reagiert nur auf diesen Hover ##### *#menu a:hover { background-position:100% -21px; color:#ee1d25; }*/ hier der vollständige Quelltext: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no" /> <title>Navi Test</title> <style type="text/css"> <!-- html { height : 100%; margin : 0px auto; padding : 0px; text-align : center; } body { height : 100%; width : 790px; margin : 0 auto; padding : 0; font-size : 10pt; font-family : arial, helvetica, sans-serif; line-height : 12pt; color : #333333; background-color : #ffffff; text-align : center; } /* navi*/ #menu { float:left; width:100%; font-size:93%; line-height:normal; } #menu ul { margin:0; padding:10px 10px 0; list-style:none; } #menu li { float:left; background:url("abo_leiste_links.gif") no-repeat left top; margin:0; padding:0 0 0 7px; } /* SETUP*/ #menu a { float:left; display:block; width:.1em; background:url("abo_leiste_rechts.gif") no-repeat right top; padding:5px 19px 0px 12px; text-decoration:none; font-weight:bold; color:#ffffff; white-space:nowrap; } #menu > ul a {width:auto;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu a {float:none;} /* End IE5-Mac hack */ /* ##### IE reagiert nur auf diesen Hover ##### *#menu a:hover { background-position:100% -21px; color:#ee1d25; }*/ #vorteile #nav-vorteile, #standard #nav-standard, #geschenk #nav-geschenk, #studenten #nav-studenten, #probe #nav-probe, #leser #nav-leser, #faq #nav-faq, #service #nav-service { background-position:0 -21px; border-width:0px; } #vorteile #nav-vorteile a, #standard #nav-standard a, #geschenk #nav-geschenk a, #studenten #nav-studenten a, #probe #nav-probe a, #leser #nav-leser a, #faq #nav-faq a, #service #nav-service a { background-position:100% -21px; padding-bottom:0px; color:#ee1d25; } #menu li:hover, #menu li:hover a { background-position:0% -21px; color:#ee1d25; } #menu li:hover a { background-position:100% -21px; } --> </style> </head> <body> <div id="vorteile"> <div id="menu"> <ul> <li id="nav-vorteile">text 1 <li id="nav-standard">text 2 <li id="nav-geschenk">text 3 <li id="nav-probe">text 4 <li id="nav-leser">text 5 <li id="nav-faq">text 6 <li id="nav-service">text 7 [/list] </div> </div> </body> </html> vielen dank im vorraus #obp 
|
| Sponsored Links |
|
02.03.2005, 18:25
|
|||
|
|||
|
Re: IE reagiert nicht auf li hover im menü firefox problemlo
Zitat:
Der IE hovert grundsätzlich nur a-Elemente. Deine Konstruktion mit dem "doppelten" Hintergrundbild im[*] wird also so leider nicht funktionieren... Grüße fricce
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Menü hover aktivieren | mehmedim | CSS | 2 | 17.08.2013 03:05 |
| Firefox 4 und Suckerfish Dropdown Nav - Menü klappt immer zusammen | ph!L | CSS | 6 | 03.05.2011 16:41 |
| Firefox stellt Hover von Hyperlinks falsch da.??? | largo | (X)HTML | 16 | 22.05.2009 14:06 |
| overflow:hidden und dropdown menü mit z-index im... firefox! | topf | CSS | 0 | 24.11.2008 16:21 |
| Firefox "flackern" bei CSS Menü | homar76 | CSS | 0 | 10.04.2005 17:56 |
Linear-Darstellung
