Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 16.11.2006, 13:46
churchill churchill ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2006
Beiträge: 25
churchill befindet sich auf einem aufstrebenden Ast
Frage Überall funktionierts, nur im IE6 nicht -> Flyout Menü

Hallo!

Folgender Code:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>TestSite</title>
	
	<style>
		ul#mainNav li#infos ul {
			display: none;
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		ul#mainNav li#infos:hover ul {
			display:block;
			position:absolute;
			width:127px;
			height: 16px;
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		ul#mainNav li#infos:hover ul li {
			list-style-type:none;
			float:left;
			margin:0;
			padding:0;
		}
		
		ul#mainNav li#infos:hover ul li a {
			width:127px;
			height: 16px;
			background:#6571b9;
			display:block;
			left:0px;
			padding:5px 0 5px 0;
			margin:0;
			text-decoration:none;
			color:#FFFFFF;
			font-size: 12px;
			font-weight: none;
			font-family: Tahoma, Verdana,Arial,Helvetica;
			border-top: 1px solid #fff;
		}
		
		ul#mainNav li#infos:hover ul li:hover a {
			width:127px;
			height: 16px;
			background:#818bc8;
			color:#ffff00;
		}
	</style>
	
</head>

<body>

<ul id="mainNav">
	<li id="home"><a href="#"><span>xxx</span></a></li>
	<li id="infos"><a href="#"><span>xxx</span></a>
		<ul>
			<li><a href="#">&raquo; xxx</a></li>
			<li><a href="#">&raquo; xxx</a></li>
			<li><a href="#">&raquo; xxx</a></li>
			<li><a href="#">&raquo; xxx</a></li>
			<li><a href="#">&raquo; xxx</a></li>
		</ul>
	</li>
	<li id="links"><a href="#"><span>xxx</span></a></li>
</ul>

</body>
</html>
Bei onMousOver beim info-<li> müsste ein Flyout Menü aufscheinen... funktioniert auch überall bis ( komischerweise ) auf den ie6 ...

Weiss jemand Rat?

Thx!

Bis dann,
churchill

Geändert von churchill (16.11.2006 um 14:00 Uhr)
Mit Zitat antworten
Sponsored Links