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

Navigationleistenanzeigefehler unter IE

R

Racheengel

Neues Mitglied
Hi,
ich arbeite grade an meiner ersten Website und habe diese auch schon fast fertig nur ist eine Sache für mich unverständlich:
Meine horizontale Navigationsleiste wird auf anderen PCs im Internet Explorer plötzlich untereinander angezeigt, hingegen funktioniert es bei meinem PC unter IE und bei FireFox auf allen PCs... Woran kann das liegen und wie kann ich den Fehler beheben?

-Racheengel
 
oh sorry, dass hatte ich vergessen. Hier:


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>blabla</title>
<meta name="description" content="bla">
<meta name="keywords" content="blubber">
<meta name="author" content="rache">
<meta name="editor" content="html-editor phase 5">
<META NAME="robots" CONTENT="index, follow">

<!-- ****************************** Java einbinden ****************************** -->
<link rel="stylesheet" type="text/css" href="WuBu/csshorizontalmenu.css">
<script type="text/javascript" src="WuBu/csshorizontalmenu.js">
<!-- ****************************** Java einbinden Ende ****************************** -->
</script>




<!-- ****************************** Pop-Up Menü-Inhalte ****************************** -->
<table align="center">
<div id="banner" style="position:fixed;left:2.222222222%">
<table align="center" valign="top">
<div class="horizontalcssmenu" align="center">
<ul id="cssmenu1">
<li style="border-left: 1px solid #000000;">

<a href="index.html">                        Home                    </a></li>
<li><a href="termin.html">                    Termine                    </a></li>

<li><a href="Bandmain.html" >                   Rockband               &nbsp;<small>▼</small></a>
    <ul>
    <li><a href="Bandmain.html">        Besetzung                           </a></li>
    <li><a href="Bandmain.html">        Fotos                  </a></li>
    <li><a href="Bandmain.html">        Veranstalterinformationen                      </a></li>

    </ul>
</li>
</ul>
<br style="clear: center;" />
</div>
<!-- ****************************** Pop-Up Menü-Inhalte zu Ende ****************************** -->
</table>
</div>
</table>

</body>
</html>
JS-Datei:

Code: 
var cssmenuids=["cssmenu1"]
var csssubmenuoffset=-1

function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
  var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
                        ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"

            ultags[t].parentNode.onmouseover=function(){
                                        this.style.zIndex=100
            this.getElementsByTagName("ul")[0].style.visibility="visible"
                                        this.getElementsByTagName("ul")[0].style.zIndex=0
            }
            ultags[t].parentNode.onmouseout=function(){
                                        this.style.zIndex=0
                                        this.getElementsByTagName("ul")[0].style.visibility="hidden"
                                        this.getElementsByTagName("ul")[0].style.zIndex=100
            }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)
CSS-Datei:


Code: 
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: ; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #000000;
border-left-width: 0;
text-decoration: none;
background: url(weiss.jpg) center center repeat-x;
color: black;
font: bold 13px Tahoma;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #000000;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 200px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #000000;
background: url(weiss.jpg) center center repeat-x;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(weiss.jpg) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #FFFFFF;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}


* html.horizontalcssmenu ul li { float: left; height: 1%; }
* html.horizontalcssmenu ul li a { height: 1%; }
 
Wenn Du Dich wunderst, warum seit 2 Tagen keine Antwort auf Deinen Beitrag kommt: Leichter haben es die Antwortenden, wenn Du einen Link zur Seite angibst (und bitte nicht "die Site ist aber noch nicht online"). Nur so kann man sich das Problem in der Realität ansehen und die Helfenden müssen nichts downloaden, kopieren, neu anlegen und tun und machen. Am liebsten hilft man eben, wenn man keine Arbeit hat.
 
Hinzu kommt, dass JS + CSS + CSS Hacks + eigenartige CSS-Regeln (width: ; /*Width of top level menu link items*/) + unbekanntes Script + Browserkompatibilität + "hier geht's, bei meinem Freund nicht"-Fehlerbeschreibung leider auch eine Menge Holz ist und kaum testbar.

Ich habe aber gerade mal geguckt. In den IEs 6 und 7 sieht es okay aus, im IE 8 dagegen nicht. Vermutlich unterstützt das Script den IE 8 nicht?

Vorsichtiger Ansatz: .horizontalcssmenu scheint dort aus irgendeinem Grund keine Breite gesetzt zu bekommen. Ich habe diese Regel testweise eingefügt:

Code: 
.horizontalcssmenu {
    background: #f00;
    width: 800px !important;
}

Da passt browserübergreifend aber trotzdem noch so etliches nicht.

Das klingt jetzt ziemlich lahm, aber kannst du nicht einfach ein anderes Menüskript probieren, das besser funktioniert? Sowas sollte ein gelöstes Problem und den Reparaturaufwand nicht wert sein.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben