---
title: "CSS Dropdowns, fel i IE?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/145711-css-dropdowns-fel-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Tengblad"
published: "2006-04-18T22:01:10.000Z"
updated: "2006-04-20T14:58:20.000Z"
replies: 6
views: 460
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/145711-css-dropdowns-fel-i-ie"
---
# CSS Dropdowns, fel i IE?
## #1 — Tengblad, 2006-04-18T22:01Z
Har en CSS/JS Dropdown som inte riktigt vill funka på sidan i IE. Det funkar dock felfritt självstående. Firefox eller Opera har inga problem med den på sidan.
Det är "Kategorimeny" som felar.
Sidan -\>
**index.htm**
```
__WearOne__ - Trycksaker för alla smaker. T-shirts, Jerseys, Muggar, Underkläder, Munkjackor, Jackor
Produkt meny
Kategori meny
Erbjudande meny
shopframe
```
**global.css**
```
body {
margin: 0px;
background-color: #1e1e1e;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#snavhead {
height: 25px;
width: 160px;
font-size: 10px;
color: #FFFFFF;
margin-left: 53px;
text-align: center;
line-height: 24px;
font-family: Tahoma, Verdana, Arial;
text-transform: uppercase;
letter-spacing: 3px;
background-image: url(images/snav_bg.jpg);
}
#navcontainer {
width: 160px;
margin-left: 53px;
margin-top: 10px;
}
#topwrapper {
height: 250px;
width: 100%;
margin-top: 75px;
background-image: url(images/header_bg.jpg);
background-repeat: repeat-x;
}
#lbynav {
height: 250px;
width: 687px;
}
#nav {
width: 134px;
height: 250px;
margin-left: 66px;
background-image: url(images/menu_bg.gif);
background-repeat: no-repeat;
background-position: center center;
}
#rbynav {
width: 487px;
height: 250px;
background-image: url(images/rbynav.jpg);
background-repeat: no-repeat;
float: right;
margin-top: -250px;
}
#logo {
position: absolute;
height: 66px;
width: 206px;
left: 25px;
top: 0px;
background-image: url(images/logo.gif);
margin-top: 5px;
}
#shop {
float: right;
position: relative;
}
#mainwrap {
position: relative;
margin-top: 25px;
}
#snav {
width: 230px;
float: left;
padding-bottom: 3px;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 20px;
}
#navcontainer a
{
display: block;
width: 160px;
background-color: #252525;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #1E1E1E;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}
#navcontainer a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #2A2A2A;
color: #ACBD1F;
}
#snavhead2 {
height: 25px;
width: 160px;
font-size: 10px;
color: #FFFFFF;
margin-left: 53px;
text-align: center;
line-height: 24px;
font-family: Tahoma, Verdana, Arial;
text-transform: uppercase;
letter-spacing: 3px;
background-image: url(images/snav_bg2.jpg);
margin-bottom: 10px;
}
#catnav {
width: 160px;
margin-left: 53px;
position: relative;
}
ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
width: 160px;
background-color: #252525;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #1E1E1E;
}
ul#primary-nav li {
position: relative;
list-style: none;
}
ul#primary-nav li a {
display: block;
text-decoration: none;
color: #666;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #1E1E1E;
line-height: 20px;
text-align: center;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */
ul#primary-nav ul {
position: absolute;
display: none;
left: 159px; /* Set 1px less than menu width */
top: 0;
}
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */
ul#primary-nav li.menuparent { }
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #2A2A2A; }
ul#primary-nav li a:hover { color: #9DAE14; }
```
**menus.js**
```
// JavaScript Menyer www.wearone.org
/**/
```
Så vad missar jag eller glömmer av? Hur får jag detta att funka i IE som Firefox & Opera?
Permalänk: https://www.webforum.nu/p/145711
## #2 — Okkido, 2006-04-18T22:50Z
0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i
/**/
```
Permalänk: https://www.webforum.nu/p/1801733
## #5 — Tengblad, 2006-04-18T23:39Z
[Som sagt javascriptkoden verkar det inget fel på](http://www.wearone.org/tmp/Untitled-1.html). Koden jag har och den som finns på alistapart bygger på samma princip. Den är byggd utifrån deras förslag. Har redan testat med andra lösningar i JS-koden utan förändring. Det verkar vara något annat som felar.
Permalänk: https://www.webforum.nu/p/1801736
## #6 — Tengblad, 2006-04-19T12:47Z
Ingen som har några idéer? :(
Permalänk: https://www.webforum.nu/p/1801854
## #7 — visslaren, 2006-04-20T14:58Z
/red
Permalänk: https://www.webforum.nu/p/1802291
---
Tråden på webben: https://www.webforum.nu/amne/html-css/145711-css-dropdowns-fel-i-ie
