Elementen vallen over elkaar heen!
Robbert van Beek
08/09/2009 21:19:00Hallo allemaal. Ik zit met een css probleem. Op de site waar ik mee bezig ben, www.gsens.nl/2009 , heb ik een horizontaal drop-down menu gemaakt. In alle browsers werkt dit prima, behalve uiteraard in IE. IE vindt dat als ik een submenu uitgeklapt heb en ik dan over een onderliggend (ja, ook in de z-index volgorde!) elament ga, dat hij dan het submenu maar weer weg moet doen. Je kunt de bron gewoon vanaf de pagina stelen, css van de elementen dat het betreft:
ook alle andere elementen binnen de navbar ul hebben de z-index 5 en relatieve positionering. Iemand enig idee hoe ik IE moet tricken? :S
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
div.menu{
width: 790px;
height: 33px;
padding: 0px 50px 0px 10px;
background-color: #dfdfdf;
font-size: 14px;
color: #000333;
background-image: url('site_img/menubgg.jpg');
background-repeat: repeat-x;
z-index: 4;
position: relative;
}
div.main{
width: 825px;
height: auto;
background-color: White;
font-size: 10px;
color: #000000;
padding: 10px 5px 40px 20px;
font-size: 12px;
color: #323230;
z-index: 1;
position: relative;
}
#navbar {
margin: 0px;
padding: 0px;
height: 25px;
z-index: 5;
position: relative;
}
width: 790px;
height: 33px;
padding: 0px 50px 0px 10px;
background-color: #dfdfdf;
font-size: 14px;
color: #000333;
background-image: url('site_img/menubgg.jpg');
background-repeat: repeat-x;
z-index: 4;
position: relative;
}
div.main{
width: 825px;
height: auto;
background-color: White;
font-size: 10px;
color: #000000;
padding: 10px 5px 40px 20px;
font-size: 12px;
color: #323230;
z-index: 1;
position: relative;
}
#navbar {
margin: 0px;
padding: 0px;
height: 25px;
z-index: 5;
position: relative;
}
ook alle andere elementen binnen de navbar ul hebben de z-index 5 en relatieve positionering. Iemand enig idee hoe ik IE moet tricken? :S
Gewijzigd op 01/01/1970 01:00:00 door Robbert van Beek
Er zijn nog geen reacties op dit bericht.