---
title: "Meny funkar ej i IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/152231-meny-funkar-ej-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Asa"
published: "2006-10-07T20:53:38.000Z"
updated: "2006-10-08T18:23:53.000Z"
replies: 7
views: 734
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/html-css/152231-meny-funkar-ej-i-ie"
---

# Meny funkar ej i IE

## #1 — Asa, 2006-10-07T20:53Z

Denna menyn funkar ej i Internet Explorer 6 men funkar fint i Firefox. Någon som kan hjälpa mig så den funkar i alla webbläsare?

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Meny</title>
<style type="text/css">
body { 
	SCROLLBAR-BASE-COLOR: #375380; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8.6pt; 
	color: #FFFFFF; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	margin-bottom: 0px
}
#pmenu, #pmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
}
#pmenu {
	margin-bottom:0em;
	}
#pmenu a, #pmenu a:visited {
	display:block; 
	font-size:10px; 
	color:#fff; 
	height:20px; 
	line-height:20px; 
	text-decoration:none; 
	text-indent:0px; 
	background:#4669A2; 
}
#pmenu li {
	position:relative; 
	float:left;
	font-weight:bold; 
}
#pmenu :hover > a{
	color:#fff;
	text-decoration:underline; 
}
#pmenu li ul {
	display: none;
	padding:4px; 
}
#pmenu :hover > ul {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	display:block; 
	position:absolute; 
	top:0; 
	background: #3D5D8F;
}
#pmenu > :hover > ul {
	left:0; 
	top:20px;
}
</style>
</head>

<body bgcolor="#4669A2">

<table align="center">
	<tr>
		<td>
			<ul id="pmenu">
				<li style="width:75px;"><a href="default.asp"><b>Startsidan</b></a></li>
				<li style="width:75px;"><a href="javascript:void(0);"><b>Om gruvsjo</b></a>
					<ul>
						<li style="width:85px;"><a href="#nogo">Åsa Gruvsjö</a></li>
						<li style="width:85px;"><a href="#nogo">Teckningar</a></li>
						<li style="width:85px;"><a href="#nogo">Historia</a></li>
						<li style="width:85px;"><a href="#nogo">Statistik</a></li>
						<li style="width:85px;"><a href="#nogo">Bannerbyte</a></li>
						<li style="width:85px;"><a href="#nogo">Kontakta</a></li>
					</ul>
				</li>
				<li style="width:102px;"><a href="javascript:void(0);"><b>Webbutveckling</b></a>
					<ul>
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=1">Html-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=2">Css-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=3">Asp-kurser</a></li>					
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=4">Php-kurser</a></li>
					        <li style="width:102px;"><a href="default.asp?cat=web&ucat=5">Photoshop</a></li>					
					</ul>
				</li>
				<li style="width:75px;"><a href="javascript:void(0);"><b>Scriptarkiv</b></a>
					<ul>					
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=1">Asp-script</a></li>				
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=2">Php-script</a></li>				
					        <li style="width:85px;"><a href="default.asp?cat=script&ucat=3">Andras script</a></li>				
						<li style="width:85px;"><a href="#nogo">Sök script</a></li>
					</ul>
				</li>
				<li style="width:55px;"><a href="javascript:void(0);"><b>Länkar</b></a>
					<ul>
						<li style="width:115px;"><a href="#nogo">Mina favoriter</a></li>
						<li style="width:115px;"><a href="#nogo">Besökarnas</a></li>
						<li style="width:115px;"><a href="#nogo">Bannerbyte</a></li>
						<li style="width:115px;"><a href="#nogo">Ansök bannerbyte</a></li>
						<li style="width:115px;"><a href="#nogo">Länkvänner</a></li>
					</ul>
				</li>
				<li style="width:90px;"><a href="javascript:void(0);"><b>Underhållning</b></a>
					<ul>
						<li style="width:90px;"><a href="#nogo">Webforum</a></li>
						<li style="width:90px;"><a href="#nogo">Webchat</a></li>
						<li style="width:90px;"><a href="#nogo">Gästbok</a></li>
						<li style="width:90px;"><a href="#nogo">Skämtarkiv</a></li>
						<li style="width:90px;"><a href="#nogo">Skissa o gissa</a></li>
						<li style="width:90px;"><a href="#nogo">Bilder</a></li>
					</ul>
				</li>
				<li style="width:80px;"><a href="javascript:void(0);"><b>Tjänster</b></a>
					<ul>
						<li style="width:100px;"><a href="#nogo">Polltjänsten</a></li>
						<li style="width:100px;"><a href="#nogo">Räknartjänsten</a></li>
					</ul>
				</li>
				<li style="width:80px;"><a href="javascript:void(0);"><b>Layouter</b></a>
					<ul>
						<li style="width:85px;"><a href="#nogo">Vänsterställd</a></li>
						<li style="width:85px;"><a href="#nogo">Högerställd</a></li>
						<li style="width:85px;"><a href="#nogo">Centrerad</a></li>
						<li style="width:85px;"><a href="#nogo">Ladda upp</a></li>
					</ul>
				</li>
			</ul>
		</td>
	</tr>
</table>

</body>
</html>
```

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

## #2 — Troxy, 2006-10-08T12:02Z

Internet Explorer 6.0 har bara stöd för hover på a-taggar. Kan dock tillägga att nya 7.0 kommer ha fullt stöd för hover.
Så det blir nog till att koda något fult litet javascript som anropas med onmouse-over för att visa och dölja undermenyerna.

Men varför har du en strict XHTML-doctype när du ändå använder attribut som exempelvis bgcolor och align? Det är inte rätt. Jag förestår att du byter till transitional.

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

## #3 — Asa, 2006-10-08T12:19Z

Jag är nybörjare så jag vet inte hur man ska göra. Kan du hjälpa mig med detta?

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

## #4 — bossse, 2006-10-08T16:09Z

Kanske detta?

Tja, du kan ju kolla detta.
Detta är från början en vertikal meny som jag har på en hemsida.
Har nu bara gjort om den till en horizontell meny .
Orkade inte ta bort alla länkar på undermenyerna.
Är det något sådant du önskar?
Funkar i IE, Firefox och Opera.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 

<script type="text/javascript"> 
<!-- 
window.onload=show; 
function show(id) { 
var d = document.getElementById(id); 
for (var i = 1; i<=10; i++) { 
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
} 
if (d) {d.style.display='block';} 
} 
//--> 
</script>
 
<style type="text/css" media="screen"> 
<!-- 
body { 
margin: 0; 
padding: 0; 
background:silver; 

font-family: Helvetica, Geneva, Arial, 
SunSans-Regular, sans-serif; 
font: 15px center; 
letter-spacing: -1.5px; 
} 

dl, dd, ul, li { 
margin: 0; 
padding: 0;
list-style-type: none; 
} 

dt { 
margin: 0; 
padding: 2; 
list-style-type: none; 
line-height: normal; 
line-width: 65px; 
position: relative; 
} 

#menu { 
position: absolute; /* Menu position that can be changed at will */ 
top: 2px; 
left: 0; 
z-index:100; 
width: 100%; /* precision for Opera */ 
} 

#menu dl { 
float: left; 
margin:0 1px; 
} 

#menu dt { 
cursor: pointer; 
text-align: center; 
font-sizet:14pt;
font-weight: bold; 
border: 0px; 
margin: 0px;
padding:0px; 
width:90px; 
height:20px; 
background-color:yellow} 

#menu dt a:hover {background-color:silver; color:blue} 

#menu dt a:active {background-color:gray}  

#menu dd { 
border: 1px solid gray; 
position: absolute; top:25px;
font-weight: bold; 
font-size:11pt;
color:blue;
} 

#menu li { 
text-align: left; 
background: #d6d9bd; 
width: 140px; 

} 
#menu li a, #menu dt a { 
color: #000; 
text-decoration: none; 
display: block; 
height: 100%; 
border: 0 none;
} 
#menu li a:hover, #menu li a:focus, #menu dt a:focus { 
background: #eee; font-size:11pt;color:blue;
} 
--> 
</style> 
</head> 

<body> 
<div id="menu"> 
<dl> 
<dt onmouseover="javascript :show('smenu1');">Startsidan</dt> 
<dd id="smenu1">
<ul>
<li><a href=http://www.campus-roslagen.se>Campus Roslagen</a></li>
	<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
	<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
	<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
	<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
	<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
	</ul>
</dd> 
</dl>
<dl>
<dt onmouseover="javascript :show('smenu2');">Om  gruvsjö</dt> 
<dd id="smenu2"> 
<ul> 
<li><a href=http://www.norrtaljesportcentrum.se>Sport-Centrum </a></li>
	<li><a href=http://www.ntc.nu/ntcweb/go.php>Norrtälje Träningcenter</a></li>
	<li><a href=http://www.friskis.nu>Friskis och Svettis</a></li>
	<li><a href=http://nebk.port5.com>Biljard-klubben</a></li>
	<li><a href=http://www.norrtaljebowling.nu>Bowling-klubben</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu3');">Webutveckling</dt> 
<dd id="smenu3"> 
<ul> 
<li><a href=http://www.norrtaljefotoklubb.se>Foto-klubben</a></li>
	<li><a href=http://www.roslagen.com/penseldraget>Pensel-draget</a></li>
	<li><a href=konst.htm>Konstutställning</a></li>
	<li><a href=http://www.norrtaljeblues.se>Blues-sällskapet</a></li>
	<li><a href=http://www.norrteljejazzclub.se>Jazz-klubben</a></li> 
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu4');">Scriptarkiv</dt> 
<dd id="smenu4"> 
<ul> 
<li><a href=http://www2.arholma.nu/algonet/algonet2/index.html>Arholma</a></li>
	<li><a href=http://www.blidobygden.nu>Blidö</a></li>
	<li><a href=http://www.fejan.se>Fejan</a></li>
	<li><a href=http://www.osteraker.se/ljustero/ljustero.html>Ljusterö</a></li>
	<li><a href=http://www.norrora.nu/Ramar/startramen.html>Norröra</a></li>
	<li><a href=http://www.rodlogaboden.se/start.html>Rödlöga</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu5');">Länkar</dt> 
<dd id="smenu5"> 
<ul> 
<li><a href=http://www.norrteljebrenneri.se/start.htm>Norrtälje Bränneri</a></li>
	<li><a href=http://www.vaddogardsmejeri.se>Väddö Gårdsmejeri</a></li>
	<li><a href=http://www.bergstugan.net>Bergsstugan</a></li>
	<li><a href=http://www.ssnorrtelje.se/meny.html>S/S Norrtelje</a></li>
	<li><a href=http://www.norrmalma.se>Norr Malma Gård</a></li>
	<li><a href=http://www.hagstagard.se>Hagsta Gård</a></li>
	</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu6');">Underhållning</dt> 
<dd id="smenu6"> 
<ul> 
<li><a href=http://www.eckerolinjen.fi/sv/default.asp>Eckerölinjen - Grisslehamn</a></li>
	<li><a href=http://www.vikingline.aland.fi/braattveta/hamninformation/hamninformation/kapellskar.asp>Viking Line - Kapellskär</a></li>
	<li><a href=http://www.n-ss.nu>Norrtälje Segelsällskap</a></li>
	<li><a href=http://www.blidosundsbolaget.se/>Blidösund</a></li>
	<li><a href=http://www.anderswahlstrom.net/postrodd/index.htm>Postrodden</a></li>
	<li><a href=http://home.swipnet.se/gojac/FVB/nytt/viksbaten.html>Viksbåten</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu7');">Tjänster</dt> 
<dd id="smenu7"> 
<ul>
<li><a href=http://www.anderswahlstrom.net/svartklubben/index.htm >Svartklubbens fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/understen/index.htm>Understens fyr</a> </li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/orskar.htm>Örskärs fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/index.htm>Övriga fyrar</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu8');">Layouter</dt> 
<dd id="smenu8"> 
<ul> 
	<li><a href=http://www.rurik.nu>Rurik, Skoldatanätet</a></li>
	<li><a href=http://www.lv3.se/mus/index.html>LV 3 Museet </a></li>
	<li><a href=http://www.roslagsbo.se>Roslagsbostäder</a></li>
	<li><a href=http://www.roslagsmuseet.se>Roslagsmuseet</a></li>
	<li><a href=http://www.pythagorasmuseum.se>Pythagoras</a></li>
</ul> 
</dd> 
</dl> 
<dl> 
<dt onmouseover="javascript :show('smenu9');">Visa alla</dt> 
<dd id="smenu9"> 
<ul> 
<li><span class=meny2>Roslagen, Norrtälje</span></li>
	<li><a href=http://www.campus-roslagen.se/> Campus Roslagen </a></li>
	<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
	<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
	<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
	<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
	<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
	

<li><span class=meny2>Sport och Fritid</span></li>
	<li><a href=http://www.norrtaljesportcentrum.se>Sport-Centrum </a></li>
	<li><a href=http://www.ntc.nu/ntcweb/go.php>Norrtälje Träningcenter</a></li>
	<li><a href=http://www.friskis.nu>Friskis och Svettis</a></li>
	<li><a href=http://nebk.port5.com>Biljard-klubben</a></li>
	<li><a href=http://www.norrtaljebowling.nu>Bowling-klubben</a></li>
	
<li><span class=meny2>Foto, Konst, Musik</span></li>
	<li><a href=http://www.norrtaljefotoklubb.se>Foto-klubben</a></li>
	<li><a href=http://www.roslagen.com/penseldraget>Pensel-draget</a></li>
	<li><a href=konst.htm>Konstutställning</a></li>
	<li><a href=http://www.norrtaljeblues.se>Blues-sällskapet</a></li>
	<li><a href=http://www.norrteljejazzclub.se>Jazz-klubben</a></li>
<li><span class=meny2>Öar i Roslagen</span></li>
	<li><a href=http://www2.arholma.nu/algonet/algonet2/index.html>Arholma</a></li>
	<li><a href=http://www.blidobygden.nu>Blidö</a></li>
	<li><a href=http://www.fejan.se>Fejan</a></li>
	<li><a href=http://www.osteraker.se/ljustero/ljustero.html>Ljusterö</a></li>
	<li><a href=http://www.norrora.nu/Ramar/startramen.html>Norröra</a></li>
<li><span class=meny2>Gott och Blandat</span></li>	
	<li><a href=http://www.norrteljebrenneri.se/start.htm>Norrtälje Bränneri</a></li>
	<li><a href=http://www.vaddogardsmejeri.se>Väddö Gårdsmejeri</a></li>
	<li><a href=http://www.bergstugan.net>Bergsstugan</a></li>
	<li><a href=http://www.ssnorrtelje.se/meny.html>S/S Norrtelje</a></li>
	<li><a href=http://www.norrmalma.se>Norr Malma Gård</a></li>
<li><span class=meny2>Stora och små båtar</span></li>	
	<li><a href=http://www.eckerolinjen.fi/sv/default.asp>Eckerölinjen - Grisslehamn</a></li>
	<li><a href=http://www.vikingline.aland.fi/braattveta/hamninformation/hamninformation/kapellskar.asp>Viking Line - Kapellskär</a></li>
	<li><a href=http://www.n-ss.nu>Norrtälje Segelsällskap</a></li>
	<li><a href=http://www.blidosundsbolaget.se/>Blidösund</a></li>
	<li><a href=http://www.anderswahlstrom.net/postrodd/index.htm>Postrodden</a></li>
	<li><a href=http://home.swipnet.se/gojac/FVB/nytt/viksbaten.html>Viksbåten</a></li>
<li><span class=meny2>Fyrar i Roslagen</span></li>
	<li><a href=http://www.anderswahlstrom.net/svartklubben/index.htm >Svartklubbens fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/understen/index.htm>Understens fyr</a> </li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/orskar.htm>Örskärs fyr</a></li>
	<li><a href=http://www.anderswahlstrom.net/fyrar/index.htm>Övriga fyrar</a></li>
<li><span class=meny2>Övrigt Norrtälje</span></li>
	<li><a href=http://www.rurik.nu>Rurik, Skoldatanätet</a></li>
	<li><a href=http://www.lv3.se/mus/index.html>LV 3 Museet </a></li>
	<li><a href=http://www.roslagsbo.se>Roslagsbostäder</a></li>
	<li><a href=http://www.roslagsmuseet.se>Roslagsmuseet</a></li>
	<li><a href=http://www.pythagorasmuseum.se>Pythagoras</a></li>
</ul> 
</dd>
</dl>
<dl>
<dt onmouseover="javascript :show('smenu0');">stäng alla</dt> 
<dd id="smenu0">
</div> 
</body> 
</html>
```

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

## #5 — Asa, 2006-10-08T16:16Z

Tackar så hemskt mycket :) Verkar funkar bra

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

## #6 — Asa, 2006-10-08T16:25Z

Nästan perfekt. Måste till att om man för musen utanför skall menyn stängas.

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

## #7 — bossse, 2006-10-08T18:20Z

Lägg till detta på varje undermeny
\<dt id=close onmouseover="javascript :show('smenu0');"\>\</dt\>

Första undermenyn kommer då att se ut som nedan

\<dd id="smenu1"\>
\<ul\>
\<li\>\<a href=http://www.campus-roslagen.se\>Campus Roslagen\</a\>\</li\>
\<li\>\<a href=http://www.roslagen.com\>Roslagen.com\</a\>\</li\>
\<li\>\<a href=http://www.roslagen.se\>Roslagen.se \</a\>\</li\>
\<li\>\<a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm\>Norrtäljes historia\</a\>\</li\>
\<li\>\<a href=http://web.telia.com/\~u17502258/roslagen.html\>Roslagens historia\</a\>\</li\>
\<li\>\<a href=http://www.norrtalje.se\>Norrtälje kommun\</a\>\</li\>
\<dt id=close onmouseover="javascript :show('smenu0');"\>\</dt\>
\</ul\>
\</dd\> 

Ta också bort background-color:yellow som finns i #menu dt 

Vet inte om det var så du menade

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

## #8 — bossse, 2006-10-08T18:23Z

Lägg till detta på varje undermeny

```
<dt id=close onmouseover="javascript :show('smenu0');"></dt>
```

Första undermenyn kommer då att se ut som nedan

```
<dd id="smenu1">
<ul>
<li><a href=http://www.campus-roslagen.se>Campus Roslagen</a></li>
<li><a href=http://www.roslagen.com>Roslagen.com</a></li>
<li><a href=http://www.roslagen.se>Roslagen.se </a></li>
<li><a href=http://www.historia.su.se/urbanhistory/cybcity/stad/norrtalje/historia.htm>Norrtäljes historia</a></li>
<li><a href=http://web.telia.com/~u17502258/roslagen.html>Roslagens historia</a></li>
<li><a href=http://www.norrtalje.se>Norrtälje kommun</a></li>
<dt id=close onmouseover="javascript :show('smenu0');"></dt>
</ul>
</dd>
```

 
Ta också bort background-color:yellow som finns i #menu dt 

Vet inte om det var så du menade

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/152231-meny-funkar-ej-i-ie
