zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE Problem - Subnavi neben Mainmenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.10.2010, 17:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2010
Beiträge: 1
jonny252 befindet sich auf einem aufstrebenden Ast
Standard 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>
CSS:
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;
}
Ich hoffe Ihr könnt mir helfen. Dieser IE raubt mir den letzten Nerv.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:57 Uhr.