Avatar billede hansjacob Nybegynder
05. juli 2008 - 13:24 Der er 6 kommentarer og
1 løsning

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;}
Avatar billede roenving Novice
05. juli 2008 - 13:34 #1
En gang for en del år siden lavede Dean Edwards et script, der fixede IEs manglende compliance til en del css issues, find det f.eks. på http://www.google.dk/search?hl=da&q=ie7+javascript&meta= !-)
Avatar billede sibbelone Nybegynder
06. juli 2008 - 01:26 #2
Avatar billede sibbelone Nybegynder
06. juli 2008 - 01:27 #3
under menu multi levels css only

Drop-down examples 2/3 nede cirka
Avatar billede hansjacob Nybegynder
06. juli 2008 - 19:34 #4
Scriptet anbefalet fra roenving virkede perfekt. Tusind tak for det. Hvis du laver et svar, skal du få nogle point.

VH Jacob
Avatar billede roenving Novice
07. juli 2008 - 11:32 #5
Velbekomme '-)
Avatar billede roenving Novice
07. juli 2008 - 11:32 #6
-- men behold selv de fleste af dine point ;~}
Avatar billede roenving Novice
16. juli 2008 - 14:02 #7
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester