---
title: "Varför fungerar detta i Explorer men inte i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/128767-varför-fungerar-detta-i-explorer-men-inte-i-firefox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kicki_an"
published: "2005-05-24T08:22:18.000Z"
updated: "2005-05-24T10:04:27.000Z"
replies: 5
views: 296
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/128767-varför-fungerar-detta-i-explorer-men-inte-i-firefox"
---

# Varför fungerar detta i Explorer men inte i Firefox

## #1 — kicki_an, 2005-05-24T08:22Z

Fäljande kod, en drop-down fungerar ypperligt i Explorer men inte i Firefox. 
I Firefox ligger inte menyn kvar tillräckligt länge för att man ska kunna välja en länk i menyn.
Vet inte om det har med \<iframe\>:n att göra.

```

<html>

<head>

<title>Dropdown</title>

<style type="text/css">

body {
	font-family: arial, helvetica, serif; font-size:11px; 
	}

a						{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	;
	font-weight: normal;
	font-size: 11px;
}

a:hover 				{
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B23;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

a:visited 				{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

a:active 				{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ED1B23;
	text-decoration: none;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}

li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
	text-align: left;
	cursor: default;
	/*background-color: #EFF0F3;*/
	}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	background-color: #EFF0F3;
	border-bottom:1px solid #9E9FA3;
	border-left:1px solid #9E9FA3;   
	border-right:1px solid #9E9FA3;
	/*border: 1px solid #7d6340; 
	border-width: 1px 0;
	margin-top:4px*/
	
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}

</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

//--><!]]></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<table>
<tr>
<td>
<ul id="nav">

	<li>&nbsp; Våra resor
		<ul><div style="margin-top:4px; margin-left:4px; margin-bottom:4px; margin-right:4px;">
		<li><a href="#">Länk nummer 1</a></li>
        <li><a href="#">Länk nummer 2</a></li>
        <li><a href="#">Länk nummer 3</a></li>
        <li><a href="#">Länk nummer 4</a></li>
        <li><a href="#">Länk nummer 5</a></li>
        <li><a href="#">Länk nummer 6</a></li>
        <li><a href="#">Länk nummer 7</a></li>
        <li><a href="#">Länk nummer 8</a></li>
        <li><a href="#">Länk nummer 9</a></li>
 		</div></ul>
	</li>
</ul>
</td></tr>
<tr><td>

<iframe src="" width="550" height="400">
</iframe>
</td>
</tr>
</table>
</body>

</html>
```

Permalänk: https://www.webforum.nu/p/128767

## #2 — tydal, 2005-05-24T08:32Z

Det har med iframen att göra och det beror på att du får en onmouseout när du går över i den.

Permalänk: https://www.webforum.nu/p/1616077

## #3 — kicki_an, 2005-05-24T08:55Z

Finns det något msn kan göra åt det?

Permalänk: https://www.webforum.nu/p/1616091

## #4 — kicki_an, 2005-05-24T08:59Z

Tryckfels-Nisse var framme...
Finns det något man kan göra för att komma runt det så att det inte blir "onmouseout"?

Permalänk: https://www.webforum.nu/p/1616095

## #5 — @nders, 2005-05-24T09:06Z

Tryckfelsnisse är välkommen att använda länken "redigera" högst upp till höger i aktuellt inlägg. ;)

Mvh

Permalänk: https://www.webforum.nu/p/1616097

## #6 — kicki_an, 2005-05-24T10:04Z

Tack så mycket för tipset @nders. Ska tänka på det i fortsättningen.

Permalänk: https://www.webforum.nu/p/1616133

---

Tråden på webben: https://www.webforum.nu/amne/javascript/128767-varför-fungerar-detta-i-explorer-men-inte-i-firefox
