Menu..ren css IE

hehe sorry... det er mig der stener... men som det allerede er blevet sagt, så understøtter IE ikke hover på andet en <a>, så du må vente til IE 7.0 :p hehe... eller lave javascript...

Casper

Såvidt jeg kan se kan man godt (med javascriptet fra den side der) få <li> til at understøtte hover...kan man ikke gøre det med <div> på en måde?








-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------

Kode 

<div onmouseover="alert('Test');">Tekst</div>

Hej....jeg har lavet et lille form for "script" til en dropdown menu via css. Den virker helt fint....i Firefox men ikke i IE. Hvordan kan jeg få det til at virke i IE? Her er sourcen til css-filen:

Kode 

div.menuobject
{
}


div.menu
{
	float: left;
	margin-left: 10px;
}


div.menu div.menudrop
{
	display: none;
}


div.menu:hover div.menudrop
{
	display: block;
}


div.menudrop
{
	width: auto;
	border: solid 1px black;
	border-width: 1px 1px 0px 1px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}


div.menudropitem
{
	width: auto;
	height: auto;
	border: solid 1px black;
	border-width: 0px 0px 1px 0px;
}


div.menudropitem:hover
{
	background-color: #E6E6E6;
}


a
{
	color	      : #818181;
	font-family   : Verdana;
	font-size     : 12px;
	display:block;
	margin: 0px 5px 5px 5px;
}


a:hover
{
	color: #80ABCA;
}

-------------------------------------------------------
Jonas (Decko)
-------------------------------------------------------

Hvad laver den forkert i IE?

Casper

Hvad laver den forkert i IE?

Casper

Der sker ikke noget når man holder musen over et link. Der burde den vise dropdown-menuen











-------------------------------------------------------
Jonas (Decko)
-------------------------------------------------------

Tja... hvis jeg skal hjælpe med noget så skal jeg simpelthen se noget javascript - du ved, IE har lidt knas med det også

Casper

Det skyldes, at IE ikke fortolker hover-attribitten korrekt. I IE virker den nemlig kun på links, selvom CSS-specifikationen siger at der bør virker på alle elementer. Derfor kan problemet kun løses med JavaScript. A list apart har en god artikel om det her: http://www.alistapart.com/articles/dropdowns

/Andreas Møgelmose

----
Don't take life too serious, you'll never escape it alive anyway.

Det skyldes, at IE ikke fortolker hover-attribitten korrekt. I IE virker den nemlig kun på links, selvom CSS-specifikationen siger at der bør virker på alle elementer. Derfor kan problemet kun løses med JavaScript. A list apart har en god artikel om det her: http://www.alistapart.com/articles/dropdowns

/Andreas Møgelmose

----
Don't take life too serious, you'll never escape it alive anyway.

FFS! Kan man ikke omskrive javascript-koden så den virker til div-tags?









-------------------------------------------------------
Jonas (Decko)
-------------------------------------------------------

hehe sorry... det er mig der stener... men som det allerede er blevet sagt, så understøtter IE ikke hover på andet en <a>, så du må vente til IE 7.0 :p hehe... eller lave javascript...

Casper

Kode 

 <script>
	startList = function() {
	if (document.all&&document.getElementById) {
	navRoot = document.getElementById("menuobject");
	for (i=0; i<navRoot.childNodes.length; i++) {
	node = navRoot.childNodes[i];
	if (node.nodeName=="DIV") {
	node.onmouseover=function() {
	this.className+=" over";
	  }
	  node.onmouseout=function() {
	  this.className=this.className.replace(" over", "");
	   }
	   }
	  }
	 }
	}
window.onload=startList;
</script>