✔ Probleme mit csshover.htc

[Kaeschdin]

Beitrag vom Autor gelöscht.

 

[Maik]

Hi,

hier liegt schlichtweg ein Problem mit den von dir gewählten Schichtpositionierungen z-index vor, die in dem Seitenkonzept sinngemäß umgekehrt werden müssen, denn je höher der Wert, desto weiter oben/vorne liegt die Ebene.

Wähle also für #navcontainer und das darin eingebettete Menü die höheren Werte für die Schichtposition z-index, als derzeit "1", damit die Untermenüpunkte nicht mit dem Text in der Textbox "verschwimmen", wo nämlich #inhalt derzeit mit z-index:100 die höhere Schichtposition besitzt, und daher die Links nicht klickbar sind. Zudem tritt dieses Problem bei mir auch in den "Nicht-IE-Browsern" auf.

Dass es auf der "Login-Seite" keine deratigen Probleme gibt, liegt einfach daran, dass du dort für #inhalt keine Schichtposition festgelegt hast.

Das Problem mit der Flash-Anwendung löst du auf diese Weise:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="400" height="210" title="Fischer Effizienzberatung">
    <param name="movie" value="intro.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed src="intro.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="610" height="75"></embed>
</object>

mfg Maik

 

[Kaeschdin]

Hallo Maik,

danke für deine Hilfe. Ich probiere das nachher gleich mal aus.

Allerdings hatte ich bisher auch auf der anderen Seite keine Schichtposition stehen und das Problem bestand trotzdem. Die habe ich jetzt erst beim Rumprobieren für #inhalt reingeschrieben.

 

[Maik]

Wenn ich aus dem Suckerfish Single-level Dropdown Menu das Stylesheet (auf deine Seitenverhältnisse angepasst) in deinem Stylesheet dropdown.css einfüge, und das Javascript anstelle des "csshover.htc"-Hacks verwende, tauchen bei mir im IE in keiner der genannten Seiten derartige Probleme auf.

• dropdown.css

#navcontainer {
          height:30px;
          position:relative;
          top:-262px;
          left:95px;
          z-index:200;
          }

#navi, #navi ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-family:Tahoma;
        font-size:12px;
}

#navi a {
        display: block;
        width: 180px;
        font-weight:bold;
        text-align:center;
        display:block;
        padding:9px;
}

#navi a:link, #navi a:visited {
          color:#000;
          background:#E9E0D1;
          text-decoration:none;
          }

#navi a:active, #navi a:hover {
          color:#000;
          background:#AEAEA0;
          text-decoration:none;
          }

#navi li {
        float: left;
        width: 198px;
}

#navi li ul {
        position: absolute;
        width: 198px;
        left: -999em;
}

#navi li:hover ul {
        left: auto;
}

#navi li:hover ul, #navi li.sfhover ul {
        left: auto;
}

• Javascript

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
        var sfEls = document.getElementById("navi").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

anstelle von

<!--[if lte IE 6]>
    <style type="text/css" media="screen">#navi { behavior:url("csshover.htc"); }</style>
<![endif]-->

mfg Maik

 

[Kaeschdin]

Hallo Maik,

vielen lieben Dank. So hat es funktioniert.

Viele Grüße,

Kerstin