• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS - Hover Menü geht im FF aber nicht im IE

Puccini

Neues Mitglied
Hi,

ich bin grad voll am verzweifeln -.-

mein hover-menü will nich so wie ich das will :<
findet einer den fehler?

Im firefox gehts wunderbar, im ie net.

ich hab fix ein kleines script mit den wichtigsten elementen zusammengehauen.

bitte einfach kopieren und in eine htm packen und anschauen :<

danke für eure hilfe :D
Code:
<html>
<head>
    <style>
        *{
            list-style:none;
        }
        
        .menu li{
            position: relative;
            display: block;
            width: 70px;
            background: #e5e5e5;
            border: 1px solid black;
        }
        
        .menu ul ul{
            height: 0;
            position: absolute;
            top: 0px;
            visibility: hidden;
            z-index: 900;
        }
        .menu ul ul li{
            display: block;
            width: 50px;
            background: #efefef;
        }
        .menu ul li:hover ul{
            visibility: visible;
        }
    </style>
</head>

<body>

    <div class="menu">
        <ul>
            <li>
                <a>Test</a>
                <ul>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Test</a>
                <ul>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                    <li>
                        <a>TestB</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Test</a>
            </li>
            <li>
                <a>Test</a>
            </li>
        </ul>
    </div>

</body>
</html>
 
Werbung:
hier scheint es doch auch ohne zu gehen:
Stu Nicholls | CSSplay | A CSS only dropdown menu v2

oder?
Wie :D

### EDIT ###
oki, di ehaben eine Browserweiche eingebaut. ich komm aber nicht an den code des ul-menüs ran/ will diesen net verändern.

Ich hab jetzt folgendes in die test-datei angehängt:
Code:
body{
            behavior: url(csshover3-source.htc);
        }

aber es geht immer noch nicht -.-
javascript ist aktiv
 
Zuletzt bearbeitet:
Werbung:
Hast du diese Datei csshover auch heruntergeladen, abgespeichert und in dein Projekt eingebunden?
 
Zurück
Oben