|
|||
IE Problem - Subnavi neben Mainmenü
Hallo,
ich habe ein Problem mit meiner Navigation. Ich versuche für meinen Verein ein neues Menü zu erstellen. Eigentlich komme ich damit gut klar und in fast allen Browsern funktioniert es auch. Nur der IE macht Probleme. Es handelt sich um eine horizontale Menüzeile, bei hover soll das Submenü aufgehen. Geht es auch, nur im IE neben dem Element. Siehe Screenshot: Jetzt lade ich die gleichen Dateien auf einen Webserver und alles wird korrekt dargestellt. Der Link zu den DateienSC Eintracht 04 Und mein Code HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SC Eintracht 04</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Ãœber uns</a></li> <li><a href="#">Mannschaften</a> <ul class="submenu"> <li><a href="#">Herren</a></li> <li><a href="#">Damen</a></li> <li><a href="#">U19</a></li> <li><a href="#">U17</a></li> <li><a href="#">U15</a></li> <li><a href="#">Alte Herren</a></li> </ul> </li> <li><a href="#">Kontakt</a></li> <li><a href="#">Sponsoren</a></li> </ul> </div> </div> <div id="content"> </div> <div id="footer"> IMPRESSUM | Copyright 2010 SC Eintracht 04 </div> </div> </body> </html> Code:
body {font-family:Arial,sans-serif;margin:0;padding:0;text-align:center;} div#wrapper {margin: 0 auto;width:920px;text-align:left;} div#header {height: 152px;margin:25px 0 0 0;} div#menu {font-size:11px;text-transform:uppercase;} div#menu ul{ list-style:none; margin:0; padding:0; height:21px; } div#menu ul li { float:left; padding:0; } div#menu ul li a { text-decoration:none; color:#3a3b3a; display:block; padding: 0 16px; height:21px; line-height:21px; margin:0; text-align:center; } div#menu ul li a:hover { background-color:#6d9cc5; color:#FFFFFF;} div#menu li ul { background-color:#f4f4f4; display:none; height:auto; padding:0; margin:0; border:0; position:absolute; width:228px; z-index:99999; /*top:1em; /*left:0;*/ } div#menu li:hover ul {display:block;} div#menu li li { display:block; width:228px; padding: 0px; margin: 17px 0; float:none; } div#menu li:hover li a {background:none;} div#menu li ul a { display:block; height:21px; margin:0; padding:0 16px 0 16px; text-align:left; color:#3a3b3a; background-color:#f4f4f4; } div#menu ul.submenu li:hover { background-color:#6d9cc5; } div#menu ul ul li a:hover { color:#FFFFFF; } div#footer {clear:left;width:100%;height:21px;background-color:#A1A8AC;font-size:11px;color:#fff;margin:30px 0 16px 0;} div#footer a {color:#fff;text-decoration:none;} div#footer a:hover {text-decoration:underline;} span#imp {padding: 0 8px 0 16px;line-height:20px;text-transform:uppercase;} span#copy {margin-left:8px;} div#content { width:920px; display:inline-block; font-size:12px; color:#767676; } div#sidebar { width:260px; } div#sidebar img { margin:0 0; } div#main { width:630px; } |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Design zu CSS/HTML verarbeiten - Problem häufen sich. | Grafikamateur | CSS | 2 | 06.08.2007 10:57 |
Problem mit WordPress und dem Bilder Upload | Maxefix | Serveradministration und serverseitige Scripte | 0 | 19.12.2006 15:58 |
Problem mit horizontalem Menü | yellowfox | CSS | 4 | 21.07.2005 23:19 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 18:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 07:28 |