zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Überall funktioniert nur im IE6 nicht -> Flyout Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2006, 13:46
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
  #2 (permalink)  
Alt 16.11.2006, 15:13
Benutzerbild von duessu
{blubb /}
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2005
Beiträge: 371
duessu befindet sich auf einem aufstrebenden Ast
Standard

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....
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2006, 15:23
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

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
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS

Geändert von kadees (16.11.2006 um 15:32 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 16.11.2006, 15:48
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Siehe FAQ Punkt 8.
Mit Zitat antworten
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:48 Uhr.