Einblenden einer Navigation unter IE6 - Problem
Florian Tobias
- css
0 Cyx23- javascript
0 Florian Tobias0 Cyx230 FlorianTobias0 Cyx23
Hallo, ich habe das Problem das sich meine Navigation unter IE6 nicht mehr einblenden lassen will! Es hatte schon mal funktioniert, doch jetzt nicht mehr! Ich finde einfach den Fehler nicht, es scheint alles richtig zu sein ... Pls help.
Hier einmal fetzen aus dem HTML Code:
<html>
<head>
<title>Storm Project</title>
<meta name="description" content="New Project">
<meta name="author" content="ArCaNuS">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<link rel="stylesheet" href="design/css/style.css" type="text/css">
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("nav2").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundImage = "url(../grafiken/ahoverhinter2.png);";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
</script>
</head>
<body>
<div class="nav">
<ul id="nav2">
<li><a href="home.html" target="frame1">Home</a></li>
<li><a href="#" target="frame1">Links</a></li>
<li><a href="#" target="frame1">Schule</a>
<ul><!-- Hier ist die unter Navigation die sich einblenden soll! -->
<li><a href="#" target="frame1">My School</a></li>
<li><a href="#" target="frame1">Bilder</a></li>
</ul>
</li>
<li><a href="#" target="frame1">Katzen</a></li>
<li><a href="#" target="frame1">Gästebuch</a></li>
</ul>
</div>
So, der CSS Code dazu:
ul#nav2 li:hover ul
{
display:block;
}
ul#nav2 li ul
{
display:none;
position:absolute;
top:1.7em;
left:15.2em;
margin:0px;
padding:0px
}
/* classes */
.nav
{
position:absolute;
top:610px;
left:245px;
z-index:4;
}
.nav li
{
width:100px;
height:30px;
text-align:center;
list-style:none;
float:left;
}
/* Hyperlinks nav */
.nav a
{
text-decoration:none;
width:100%;
height:100%;
font-family:Tahoma;
color:#AAAAAA;
background-image:url(../grafiken/ahinter2.png);
display:block;
line-height:1.8em;
}
.nav a:hover
{
background-image:url(../grafiken/ahoverhinter2.png);
color:#BBBBBB;
}
Wie gesagt: Alles nur Fetzen des Quellcodes!
Danke schon mal ..
Hallo,
Hallo, ich habe das Problem das sich meine Navigation unter IE6 nicht mehr einblenden lassen will! Es hatte schon mal funktioniert, doch jetzt nicht mehr! Ich finde einfach den Fehler nicht, es scheint alles richtig zu sein ... Pls help.
beim Test mit dem IE 6 scheint auch bei mir alles richtig zu sein.
Wenn es also wohl nicht am Code liegt, ist vielleicht bei deinem
IE JavaScript deaktiviert o.ä.?
Grüsse
Cyx23
Hallo,
Hallo, ich habe das Problem das sich meine Navigation unter IE6 nicht mehr einblenden lassen will! Es hatte schon mal funktioniert, doch jetzt nicht mehr! Ich finde einfach den Fehler nicht, es scheint alles richtig zu sein ... Pls help.
beim Test mit dem IE 6 scheint auch bei mir alles richtig zu sein.
Wenn es also wohl nicht am Code liegt, ist vielleicht bei deinem
IE JavaScript deaktiviert o.ä.?Grüsse
Cyx23
Hm, bei einem Freund funktioniert es allerdings auch nicht.
Habe jetzt etwas verändert ... Du kannst dir die momentane Webseite unter http://g-arcanus.ath.cx/data/web3 mal anschauen und mir sagen ob sie dort bei dir funzt. ^^
Hallo,
Hm, bei einem Freund funktioniert es allerdings auch nicht.
Habe jetzt etwas verändert ... Du kannst dir die momentane Webseite unter http://g-arcanus.ath.cx/data/web3 mal anschauen und mir sagen ob sie dort bei dir funzt. ^^
Die Idee einer Beispielseite ist ja eigentlich gut, aber deine scheint
gerade nicht gut erreichbar zu sein.
Wenn es nicht an den IE-Einstellungen liegt könnte es ja auch noch einen
Unterschied im Code geben, hast du mal deinen zuerst geposteten Code mit
dem geposteten CSS oben im Head selbst unter IE 6 getestet?
Grüsse
Cyx23
Hallo,
Hm, bei einem Freund funktioniert es allerdings auch nicht.
Habe jetzt etwas verändert ... Du kannst dir die momentane Webseite unter http://g-arcanus.ath.cx/data/web3 mal anschauen und mir sagen ob sie dort bei dir funzt. ^^Die Idee einer Beispielseite ist ja eigentlich gut, aber deine scheint
gerade nicht gut erreichbar zu sein.Wenn es nicht an den IE-Einstellungen liegt könnte es ja auch noch einen
Unterschied im Code geben, hast du mal deinen zuerst geposteten Code mit
dem geposteten CSS oben im Head selbst unter IE 6 getestet?Grüsse
Cyx23
Hm, ich weiß wieso es bei dir funzt: Bei dir werden die Grafiken nicht angezeoigt weil du sie gar nicht hast!
Ohne Grafiken funktioniert es bei mir auch, sprich das Script muss umgeschrieben werden, das es auch Sachen mit Hintergrund bzw. mit Grafiken anzeigt. Nur leider kann ich das nicht.
Hallo,
Hm, ich weiß wieso es bei dir funzt: Bei dir werden die Grafiken nicht angezeoigt weil du sie gar nicht hast!
Vmtl. nicht, denn das Aufklappen wird ja nicht betroffen, und
die CSS-Eigenschaft wird wohl auch nicht bemüht und ist m.E. weiter
"hinten" als dass es im JavaScript andere Adressierungen verursachen
könnte. Offenbar sind da andere Fehler in der Umsetzung.
Deine Überlegung "sprich das Script muss umgeschrieben werden, das es
auch Sachen mit Hintergrund bzw. mit Grafiken anzeigt. Nur leider
kann ich das nicht" trifft insofern aber doch zu, als dass du schon
eine Vorstellung davon haben solltest was das Script macht.
Zunächst ist zu beachten dass es erstmal Nur einen onload geben kann.
Dann kannst du dir mal überlegen was getElementById machen soll, wie
die Wechselbeziehung von HTML-Code und JavaScript ausschaut.
Grüsse
Cyx23