Überall funktioniert nur im IE6 nicht -> Flyout Menü

churchill · #1 (**permalink**) 16.11.2006, 13:46

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

duessu · #2 (**permalink**) 16.11.2006, 15:13

Der IE 6 unterstützt den :hover befehl nur auf a-tags.
Entweder umschreiben, so dass der hover auf dem a-tag liegt oder js benutzen, doch dann kommt einer ohne js nicht mehr auf deiner page vorwärts....

kadees · #3 (**permalink**) 16.11.2006, 15:23

Das kennt der IE nicht:

Code:

ul#mainNav li#infos:hover ul li {

Der IE kennt ddie Pseudoklasse :hover nur bei Verweisen ( a:hover )

Siehe auch hier:
http://xhtmlforum.de/41109-hovereffekt-bei-text.html

Lösungsansatz findest Du hier:
kk-works.de » :hover für alle

Edit:
Auch lesenswert:
http://xhtmlforum.de/37375-ie-hover-...-elemente.html

heiko_rs · #4 (**permalink**) 16.11.2006, 15:48

Siehe FAQ Punkt 8.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IE6 Problem mit CSS Menü	träumer	CSS	2	15.01.2007 16:55
CSS-Navi funktioniert nicht im IE6?	tscho	CSS	4	10.01.2007 12:51
Warum funktioniert mein Menü so?	Zen5656	CSS	1	29.10.2006 15:32
Problem mit Menü Navi im IE6 und IE7	paul79	CSS	7	17.08.2006 18:03
Menü Box -> Hovereffekt -> Hintergrund bis zum Ende än	ONeill	CSS	2	15.02.2006 16:27