CSS dropdown menu i IE6 folder ikke ud / htc
Hej,Jeg har siddet med et problem i ret lang tid nu - jeg er ved at være desperat.
Jeg har en Mambo side med en menu der er opbygget som en liste (ul og li tags). Den liste har jeg så lavet om til en horisontal menu. Menuen virker fint i IE 7 og i firefox, men ikke i IE6 (som vel stadig er den dominerende browser). I IE6 kommer undermenuen simplethen slet ikke til syne.
For at få det til at virke i IE 6 har jeg forsøgt at tilknytte htc script whatever:hover (et htc script, som kan findes her:
http://www.xs4all.nl/~peterned/csshover.html):
i min header:
<style type="text/css" media="screen">
body{
behavior:url("csshover.htc");
}
</style>
Men det fik det heller ikke til at spille.
Jeg ved ikke hvad jeg skal gøre for at trylle submenuerne frem. Er der nogen der har nogen forslag???
På forhånd 1mia tak for hjælpen til den der kan hjælpe mig!
HTML'en ser ud som følger:
<div id="topmenu">
<div id="menuh-container">
<div id="menuh">
<ul id="mainlevel">
<li><a href="#" class="mainlevel">Home</a></li>
</ul>
<ul id="mainlevel">
<li><a href="#" class="mainlevel" >Level 1</a>
<ul>
<li><a href="#" class="sublevel" >blab</a></li>
<li><a href="#" class="sublevel" >hula</a></li>
<li><a href="#" class="sublevel" >bulu</a></li>
</ul>
</li>
</ul>
[osv]
Tilhørende css ser således ud (stripped for alt formattering af skrift mm):
#menuh-container{
z-index :500;
width: 100%; /* All browsers */
_width: 400; /* IE 6 and less */
}
#menuh {
width:100%;
float:left;
}
#menuh a
{
display:block;
white-space:nowrap;
margin:0;
padding: 0.3em;
}
#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
_width : 10px;
}
#menuh li
{
position:relative;
min-height: 1px;
vertical-align: bottom;
}
#menuh ul ul
{
position:absolute;
z-index:500;
top:auto;
display:none;
width : 140px;
}
#menuh ul li ul li a {
padding: 2px;
}
div#menuh li:hover
{
cursor:pointer;
z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none; }
div#menuh ul li a:hover ul li,
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}