hallo leute!
ich habe das problem, dass sich mein suckerfish-menü im IE 7 nicht aufklappt. Im FF funzt es ohne probleme. ich habe gesucht und verglichen, aber finde den fehler leider nicht. vielleicht kann mir ja von euch jemand weiterhelfen ... ?
page {
typeNum = 0
bodyTag = <body>
includeCSS {
file1 = fileadmin/css/layout.css
file2 = fileadmin/css/navi.css
file3 = fileadmin/css/content.css
}
headerData.10 = TEXT
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfishmenu.js" language="JavaScript"></script>
10 = TEMPLATE
10 {
template = FILE
template.file = fileadmin/templates/template.html
workOnSubpart = DOKUMENT
marks {
NAVI = HMENU
NAVI {
special = directory
special.value = 2
entryLevel = 1
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
NO = 1
NO {
linkWrap = <li>|</li>
}
IFSUB = 1
IFSUB {
wrapItemAndSub = <li>|</li>
}
}
2 < .1
2 {
wrap = <ul> | </ul>
IFSUB {
ATagParams = class="daddy"
}
}
3 < .2
}
}
}
}
sfHover = function() {
var sfEls = document.getElementById("nav").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);
und mein CSS:
-------------------------------
div#navigation { /* Positionierung der Navi */
top: 182px;
left: 249px;
width: 720px;
display: block;
position: absolute;
z-index: 50;
}
div#navigation ul { /* all lists */
padding: 0;
margin: 0;
list-style-type: none;
}
div#navigation ul li { /* all list items */
float: left;
position: relative;
width: auto;
}
div#navigation ul li a {
color: #FFF;
background-image: url(../img-layout/nav_bg.gif);
background-position: right;
background-repeat: no-repeat;
font-size: 11px;
padding: 0 10px;
display: block;
line-height: 30px;
text-decoration: none;
}
div#navigation ul li a:hover {
color: #D0E907;
}
div#navigation ul li ul { /* second-level lists */
position: absolute;
top: 30px;
left: -8000px;
background-image: url(../img-layout/subnav_bg.gif);
background-position: 0 0;
background-repeat: no-repeat;
background-color: #E5E5E5;
width: 150px;
height: auto;
line-height: 0;
padding: 8px 0 0 0;
margin: 0;
}
div#navigation ul li ul li {
float: none;
margin: 0;
padding: 0;
}
div#navigation ul li ul li a {
color: #7E7E7E;
display: block;
font-size: 10px;
line-height: 13px;
padding: 4px 8px ;
margin: 0;
text-decoration: none;
background-image: none;
border-bottom: #F2F2F2 solid 1px;
}
div#navigation ul li ul li a:hover {
color: #D0E907;
background-image: url(../img-layout/nav_bg_tex.gif);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #707070;
border-bottom: #F2F2F2 solid 1px;
}
div#navigation ul li:hover ul, div#navigation ul li.sfhover ul {
display: block;
left: 0;
}
-------------------------------
LG, Thekla.
NACHTRAG:
:o Ganz blöder Fehler!
Ich hatte lediglich im TS das JavaScript falsch benannt:
FALSCH:
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfishmenu.js" language="JavaScript"></script>
RICHTIG:
headerData.10.value = <script type="text/javascript" src="fileadmin/js/suckerfish.js" language="JavaScript"></script>
Und jetzt funzt es. Wunderschön. Ich bin begeistert.