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

Kein drop down unter ie6

P

Paix

Neues Mitglied
hi, so langsam bin ich am verzweifeln, ich kriege es leider nicht hin, das das menü unter ie6 läuft. Höher oder firefox läuft. irgentwie habe ich das gefühl das die csshover.htc nicht angezogen wird. die datei liegt im selben verzeichnis wie die html. vielleicht habt ihr ja ne idee.
gruß kay

HTML: 
<html>
<head>

<!--[if IE]>
    <style type="text/css" media="screen">
    #qm0 ul li {float: left; width: 100%;}
    </style>
    <![endif]-->

    <!--[if lt IE 7]>
    <style type="text/css" media="screen">
    body {behavior: url('csshover3.htc'); font-size: 100%;}
    #qm0 ul li a {height: 1%;}
    }
    </style>
    <![endif]-->
    
<title>(Ver02)</title>


</head>

<table width="800" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td  nowrap="nowrap">

<ul id="qm0" class="qmmc">

    <li><a class="qmparent" href="#">Technology</a>

        <ul>
        <li><a href="#">Satisfaction</a></li>
        <li><a href="#">Our Goals</a></li>
        <li><a href="#">Product Warranty</a></li>
        <li><a href="#">Future Outlook</a></li>
        <li><a href="#">Product Quality</a></li>
        <li><a href="#">Continued Support</a></li>
        </ul></li>

    <li><a class="qmparent" href="#">Who We Are</a>

        <ul>
        <li><a href="#">Management</a></li>
        <li><a class="qmparent" href="#">Global Sites</a>

            <ul>
            <li><a href="#">Asia</a></li>
            <li><a href="#">South America</a></li>
            <li><a href="#">Australia</a></li>
            <li><a href="#">North America</a></li>
            <li><a href="#">Europe</a></li>
            <li><a href="#">Africa</a></li>
            </ul></li>

        <li><a class="qmparent" href="#">Investors</a>

            <ul>
            <li><a href="#">Asia</a></li>
            <li><a href="#">South America</a></li>
            <li><a href="#">Australia</a></li>
            <li><a href="#">North America</a></li>
            <li><a href="#">Europe</a></li>
            <li><a href="#">Africa</a></li>
            </ul></li>

        <li><a href="#">Worldwide</a></li>
        <li><a href="#">Product Overview</a></li>
        <li><a href="#">Publicity</a></li>
        </ul></li>

    <li><a class="qmparent" href="#">Our Investors</a>

        <ul>
        <li><a href="#">Annual Meetings</a></li>
        <li><a href="#">Financial Reports</a></li>
        <li><a href="#">Nasdaq Quoting</a></li>
        <li><a href="#">Dividend Information</a></li>
        <li><a href="#">Future Outlook</a></li>
        <li><a href="#">CEO Announcements</a></li>
        </ul></li>

    <li><a class="qmparent" href="#">Our Commitment</a>

        <ul>
        <li><a href="#">Satisfaction</a></li>
        <li><a href="#">Our Goals</a></li>
        <li><a href="#">Product Warranty</a></li>
        <li><a href="#">Future Outlook</a></li>
        <li><a href="#">Product Quality</a></li>
        <li><a href="#">Continued Support</a></li>
        </ul></li>

<li class="qmclear">&nbsp;</li></ul>


           </td>
        </tr>
    </tbody>
</table>
</body>
</html>
Code: 
<style type="text/css">
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/


    /* MyCSSMenu 0 */

    /*"""""""" (MAIN) Container""""""""*/    
    #qm0    
    {    
        background-color:#424242;
        border-width:1px;
        border-style:solid;
        border-color:#424242;
    }


    /*"""""""" (MAIN) Items""""""""*/    
    #qm0 a    
    {    
        padding:5px 40px 5px 8px;
        color:#FFFFFF;
        font-family:Arial;
        font-size:12px;
        text-decoration:none;
    }


    /*"""""""" (MAIN) Hover State""""""""*/    
    #qm0 a:hover    
    {    
        background-color:#FF4500;
    }


    /*"""""""" (MAIN) Active State""""""""*/    
    body #qm0 .qmactive, body #qm0 .qmactive:hover    
    {    
        background-color:#FF4500;
        text-decoration:underline;
    }


    /*"""""""" (SUB) Container""""""""*/    
    #qm0 div, #qm0 ul    
    {    
        padding:5px;
        margin:0px 0px 0px -1px;
        background-color:#424242;
        border-width:4px 1px 1px;
        border-style:solid;
        border-color:#424242;
    }


    /*"""""""" (SUB) Items""""""""*/    
    #qm0 div a, #qm0 ul a    
    {    
        padding:2px 40px 2px 5px;
        border-width:0px;
        border-style:none;
    }


    /*"""""""" (SUB) Hover State""""""""*/    
    #qm0 div a:hover, #qm0 ul a:hover    
    {    
        text-decoration:underline;
    }
    
</style>
 
Hi, ohne mich jetzt näher mit diesem Thema auszukennen:

In deinem Code fehlt das body-Tag, daran sollte es aber glaube ich nicht liegen.
Hast du schonmal einen ganz einfachen Hover-Effekt ausprobiert, z.B. ein Div, dessen background Farbe sich ändert?
Sollte das im IE6 funktionieren, dürfte auch die csshover.htc richtig verknüpft sein.

EDIT: Ich denke der Fehler liegt an der CSS Selektierung:

Code: 
.qmmc li:hover>ul {left:auto;}
funktionieren doch erst ab IE7

EDIT2:

So sollte es doch gehen oder?
Code: 
.qmmc li:hover ul {left:auto;}

Dann würde ich anstatt left:-1000px; und left:auto; vielleicht mal display;none; und display:block; (jeweils normalwert und bei Hover) probieren, hat bei mir besser geklappt.
 
Zuletzt bearbeitet:
ja danke, nach der anleitung klappt es super. nur noch die css anpassen, dann siehts auch besser aus.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben