• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Flyout menü

Status
Für weitere Antworten geschlossen.
bluemoon

bluemoon

Neues Mitglied
Hallo!

Also, [url="http://www.auto-der-vernunft.de]hier[/url] verschiebt sich in der 2. li-ebene alles beim hovern. Hat aber auch schonmal funktioniert, und obwohl ich nix gemacht hab wars auf einmal anders. Und ich weiß auch nicht worans liegen könnte...

Und im IE funktionierts schonmal gleich gar nicht, also das flyout wird nicht angezeigt...
Ich weiß echt nicht was ich da machen soll!

HTML-Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive CS2" />
		<link rel="stylesheet" type="text/css" href="menustyle.css"></link>
		<link rel="stylesheet" type="text/css" href="style1.css"></link>
		<title>Auto der Vernunft</title>

		
	</head>

	<body>
	
	
	
		<div id="header">
		
		</div>
		
		

		
		
		
		
		
		
		
		<div class="menu">
		
		
<ul>



<li><a href="#">Die Sieger »</a>

	<ul>
		<li><a href="#">2001</a></li>
		<li><a href="#">2002</a></li>
		<li><a href="#">2003</a></li>
		<li><a href="#">2004</a></li>
		<li><a href="#">2005</a></li>
		<li><a href="#">2006</a></li>
		<li><a href="#">2007</a></li>
	</ul>

</li>


<li><a href="#">Presse-Mitteilungen »</a>
	<ul>
		<li><a href="#">2004</a></li>
		<li><a href="#">2005</a></li>
		<li><a href="#">2006</a></li>
		<li><a href="#">2007</a></li>
	</ul>
</li>


<li><a>Auto &amp; Umwelt »</a>

	<ul>
	<li><a href="zukunft.html" target="new window"> Zukunft ohne &Ouml;l </a></li>
	<li><a href="co2.html" target="new window"> CO<sub>2</sub>-Debatte </a></li>
	<li><a href="biokraftstoff.html" target="new window"> Biokraftstoff </a></li>
	<li><a href="wasserstoff.html" target="new window"> Wasserstoff </a></li>

	</ul>

</li>

<li><a href="#">Pressespiegel</a>



</li>


<li><a href="#">FAQ</a>

	

</li>

<li><a href="impressum.html" target="new window">Kontakt/Impressum</a>

	

</li>


</ul>
		</div>
		
		
		
		
		
		
		
		
		
		
		<div id="content">
		
		<p>Klimaschutz, begrenzte &Ouml;lreserven, steigende Abh&auml;ngigkeit 
		von wenigen Erd&ouml;l produzierenden L&auml;ndern. Das sind die gro&szlig;en 
		aktuellen Themen, die uns best&auml;ndig daran erinnern, dass die Mobilit&auml;t 
		der Zukunft nur mit Vernunft zu sichern ist. </p><p>Welch hohen Stellenwert Autofahrer 
		der Sparsamkeit, Umweltvertr&auml;glichkeit und Sicherheit beimessen, zeigen die 
		Leserinnen und Leser der Zeitschriften Guter Rat und SUPERillu mit der Wahl zum 
		<font color="#201eac">»Auto der Vernunft«</font> schon seit Jahren. Dass dabei der Fahrspa&szlig; nicht zu kurz 
		kommen muss, beweisen die ausgezeichneten Fahrzeuge. Dank modernster Technologie
		 sind gute Fahrwerte und ein hoher Fahrkomfort durchaus mit niedrigem Verbrauch
		  vereinbar.</p><p> Zukunftsforscher Dennis Meadows glaubt, dass Benzin schon in 20 
		  Jahren rationiert werden muss, weil dann die Nachfrage die F&ouml;rderung 
		  weit &uuml;bertrifft. Wir alle k&ouml;nnen dazu beitragen, dass er sich irrt: 
		  Indem wir schon heute vern&uuml;nftiger mit endlichen Ressourcen umgehen.
		   Die Website <font color="#201eac">»Auto der Vernunft«</font> m&ouml;chte SIE dabei unterst&uuml;tzen.
	
	</p>
	</div>
	
	
	
	
	
	
	
		<div id="werbung">
		
		</div>	
		
		
	</body>

</html>

CSS-Code:

Code: 
.menu {
z-index:1000;
font-size: 8pt;
margin-top:10px;
margin-left:10px;
margin-bottom:15px; 
margin-right: 5px;
float: left;
}


.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:115px;
}


* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

.menu li {
position:relative;
background-color:#6699cc;
height:15px;
width: 115px;
margin-bottom: 2px;
border: 1px solid black;
}


/* Link-Eigenschaften*/
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:15px;
line-height:15px;
width:110px;
color:#000;
text-indent:5px;
font-family: Arial;
}


* html .menu a, * html .menu a:visited {background:#6699cc; width:125px; w\idth:149px;}

* html .menu a:hover {color:#000; background:#9cf;}


.menu a:hover {
color:#000000; 
background:#99ccff;
line-height: 15px;
height: 15px;
width: 115px;
text-decoration: underline;
}


.menu ul ul {
visibility:hidden;
position: absolute;
left:116px;
top: -1px;
width: 90px;
border-right: 1px solid black;
border-left: none;
border-bottom: 1px solid black;
border-top: 1px solid black;
}


.menu li ul li{
width: 90px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
border: none;
background-color: #9cf;
}

.menu li ul li a {
width: auto;
text-align: center;
text-indent: 0px;
}

.menu li ul li a:visited  {
width: 90px;
background-color: #9cf;
}

.menu li ul li a:hover,
.menu li ul li a:active,
{
width: 90px;
text-decoration: underline;
background-color: #9cf;
}


.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

.menu ul :hover ul ul{
visibility:hidden;
}

.menu ul :hover ul :hover ul{ 
visibility:visible;
}

Danke schonmal!
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben