XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Überall funktioniert nur im IE6 nicht -> Flyout Menü (http://xhtmlforum.de/showthread.php?t=42993)

churchill 16.11.2006 13:46

Überall funktionierts, nur im IE6 nicht -> Flyout Menü
 
Hallo!

Folgender Code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
        <title>TestSite</title>
       
        <style>
                ul#mainNav li#infos ul {
                        display: none;
                        list-style-type:none;
                        margin:0;
                        padding:0;
                }
               
                ul#mainNav li#infos:hover ul {
                        display:block;
                        position:absolute;
                        width:127px;
                        height: 16px;
                        margin:0;
                        padding:0;
                        list-style-type:none;
                }
               
                ul#mainNav li#infos:hover ul li {
                        list-style-type:none;
                        float:left;
                        margin:0;
                        padding:0;
                }
               
                ul#mainNav li#infos:hover ul li a {
                        width:127px;
                        height: 16px;
                        background:#6571b9;
                        display:block;
                        left:0px;
                        padding:5px 0 5px 0;
                        margin:0;
                        text-decoration:none;
                        color:#FFFFFF;
                        font-size: 12px;
                        font-weight: none;
                        font-family: Tahoma, Verdana,Arial,Helvetica;
                        border-top: 1px solid #fff;
                }
               
                ul#mainNav li#infos:hover ul li:hover a {
                        width:127px;
                        height: 16px;
                        background:#818bc8;
                        color:#ffff00;
                }
        </style>
       
</head>

<body>

<ul id="mainNav">
        <li id="home"><a href="#"><span>xxx</span></a></li>
        <li id="infos"><a href="#"><span>xxx</span></a>
                <ul>
                        <li><a href="#">&raquo; xxx</a></li>
                        <li><a href="#">&raquo; xxx</a></li>
                        <li><a href="#">&raquo; xxx</a></li>
                        <li><a href="#">&raquo; xxx</a></li>
                        <li><a href="#">&raquo; xxx</a></li>
                </ul>
        </li>
        <li id="links"><a href="#"><span>xxx</span></a></li>
</ul>

</body>
</html>

Bei onMousOver beim info-<li> müsste ein Flyout Menü aufscheinen... funktioniert auch überall bis ( komischerweise ) auf den ie6 ...

Weiss jemand Rat?

Thx!

Bis dann,
churchill

duessu 16.11.2006 15:13

Der IE 6 unterstützt den :hover befehl nur auf a-tags.
Entweder umschreiben, so dass der hover auf dem a-tag liegt oder js benutzen, doch dann kommt einer ohne js nicht mehr auf deiner page vorwärts....

kadees 16.11.2006 15:23

Das kennt der IE nicht:
Code:

ul#mainNav li#infos:hover ul li {
Der IE kennt ddie Pseudoklasse :hover nur bei Verweisen ( a:hover )

Siehe auch hier:
http://xhtmlforum.de/41109-hovereffekt-bei-text.html

Lösungsansatz findest Du hier:
kk-works.de » :hover für alle

Edit:
Auch lesenswert:
http://xhtmlforum.de/37375-ie-hover-...-elemente.html

heiko_rs 16.11.2006 15:48

Siehe FAQ Punkt 8.


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:36 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2022, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2022