Aufklappmenü im IE

[FrashMan]

hi

ich habe ein problem mit einen css-basierenden aufklappmenü auf listen Basis

ich habe mir vor einiger zeit eine vorlage (tutorial) dazu angesehen: und da waren schon probleme mit dem IE angegeben - jedoch haben die es mit den kleinen zusatz behoben... da habe ich auch versucht jedoch funktioniert das bei mir nicht

das ganze ist ein recht eigenartiger aufbau zumal noch ein java-script als bugfix für den IE verwendet wird. bugfixes im css sind so gekennzeichnet * html

hier mal der style sheet dazu

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}
li ul {
	position: absolute;
	left: 149px;
	top: -3px;
	display: none;
	}
li:hover ul, li.over ul {
	display: block;
	}
ul li {
	position: relative;
	font-size: 13px;
	display: block;
	color: #28280A;
	padding: 5px 0px 3px 15px;
	background-image: url(../grafik/index/nv_bg.gif);
	background-repeat: repeat-x;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #28280A;
	}
ul li a:hover {
	color: #990000;
	}
* html ul li {
	float: left;
	height: 1%;
	}
* html ul li a {
	height: 1%;
	}
ul li ul li {
	display: block;
	font-size: 13px;
	color: #28280A;
	border-bottom: solid 3px #f8f5f0;
	border-right: solid 3px #f8f5f0;
	background-image: url(../grafik/index/nv_bg.gif);
	background-repeat: repeat-x;
	background-color: #ede7cf;
	padding: 5px 0px 3px 10px;
	text-align: left;
	}
ul li ul li a {
	display: block;
	text-decoration: none;
	color: #28280A;
	text-align: left;	
	}
ul li ul li a:hover {
	color: #990000;
	}
* html ul li ul li {
	float: left;
	height: 1%;
	}
* html ul li ul li a {
	height: 1%;
	}

und hier noch das java-script dazu: Das script wird durch id="nav" um UL -tag der ersten ebene aktiviert (also sollte es zumindest - ich habe dieses script einfach von der vorlage kopiert und mit eingebunden - ich kenne mich in Java-script nicht besonders gut aus - aber ich denke nicht, das hier der fehler liegt)

// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

ich hoffe jemand kennt die antwort... auf mein problem

thx schon mal

edit: ach ja was ich noch sagen sollte ist das es eigentlich beim IE funktioniert... jedoch nur der erste menüpunkt! alle unteren menüpunkte fahren nicht aus... das ist ja das eigentliche problem

 

[prostel]

Es gab schonmal einen Thread, dort wurde genau das gleiche Script
gepostet welches nun auch du nutzt. Habe das ein wenig umgeschrieben
damit es in beiden Browsern funzt

<style>
ul
{
margin: 0;
padding: 0;
list-style: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}


ul li
{
position: relative;
}

li ul
{
position: absolute;
left: 159px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a, a:hover
{
display: block;
text-decoration: none;
border: 1px solid #ccc; /* IE6 Bug */
border-bottom: 0;
padding: 5px;
}

ul li a
{

color: #777;
font-weight: bold;
background: #0000000; /* IE6 Bug */
}

ul li a:hover
{
color: black;
background: white; /* IE6 Bug */
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul
{
display: block;
}

/* Schriftstil, Abstände */

body {
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
color: #FFFFFF;  
background-color:#000000; 
font-family: Verdana,Arial; 
font-size: 10pt;
}

table, tr, td { 
color: #FFFFFF;
font-family: Verdana,Arial; 
font-size: 10pt
}
</style>
<script type="text/javascript">
function bla() {
  alert(navigator.appName);
  if(navigator.appName == "Microsoft Internet Explorer") {
    navRoot = document.getElementsByTagName("ul");
    for (x=0; x<navRoot.length; x++) {
      for (i=0; i<navRoot[x].childNodes.length; i++) {
        node = navRoot[x].childNodes[i];
        if (node.nodeName=="LI") {
          node.onmouseover=function() {
            this.className+=" over";
          }
          node.onmouseout=function() {
            this.className=this.className.replace(" over", " ");
          }
        }
      }
    }
  }
}
</script>
</head>
<body onload="bla()">
<table>
  <tr>
    <td>
      <ul id="about">
        <li>
          <a href="index.php?site=onama">O nama</a>
          <ul style="position: absolute; left: 0px; top: 29px">
            <li><a href="#">Biografija</a></li>
            <li><a href="#">Slike</a></li>
            <li><a href="#">Dalje...</a></li>
          </ul>
        </li>
      </ul>
    </td>
    <td>
      <ul id="about">
        <li>
          <a href="index.php?site=onama">O nama</a>
          <ul style="position: absolute; left: 0px; top: 29px">
            <li><a href="#">Biografija</a></li>
            <li><a href="#">Slike</a></li>
            <li><a href="#">Dalje...</a></li>
          </ul>
        </li>
      </ul>
    </td>
  </tr>
</table>
</body>
</html>

 

[matibaski]

Das kann er doch nicht wissen, ob es schon dieses Thema mal gab.
Grund:
Forenregeln nicht gelesen!!!

Sonst wüsste er, dass man zuerst diese Funktionen benutzt, bervor man postet:
-> www.google.de Dein Freund un Helfer
-> www.html.de/search.php


MfG, matibaski

 

[FrashMan]

Das kann er doch nicht wissen, ob es schon dieses Thema mal gab.
Grund:
Forenregeln nicht gelesen!!!

Sonst wüsste er, dass man zuerst diese Funktionen benutzt, bervor man postet:
-> www.google.de Dein Freund un Helfer
-> www.html.de/search.php


MfG, matibaski

ich mag solche unterstellung nicht!!!
mein problem ist nur etwas spezifischer gewesen tut mir leid!

ich kann dir wenn du willst auch auflisten was in den suchergebnissen stand!
also nicht gleich rumschreien, weil man sich aufblasen will

sry das musste mal raus!

@prostel: danke für das script ich werds ausprobieren

 

[matcho]

Das kann er doch nicht wissen, ob es schon dieses Thema mal gab.
Grund:
Forenregeln nicht gelesen!!!

Sonst wüsste er, dass man zuerst diese Funktionen benutzt, bervor man postet:
-> www.google.de Dein Freund un Helfer
-> www.html.de/search.php


MfG, matibaski

in jedem deiner beiträge kommen nur noch verweise auf die forenregeln
versuch mal die threads/posts zu lesen & antworten, als ob es keine forenregeln gibt

 

[Schnuff]

gg, und selbst wenn es keine gäbe, würde sich ein großteil der nutzer (=alle die sich nicht ständig auf die forenregeln beziehen ;) ) trotzdem an die standarts, welche es jetzt nur noch mal in schriftlicher form giebt halten

und ausserdem, wie soll denn jemand, der sich mit JS überhaupt nicht auskennt, wissen, wie/wo/womit er/sie suchen soll:roll:

@prostel, funktioniert dein skript nicht nur bei dem IE Oo
oder stehe ich da auf dem schlauch

 

[prostel]

Wenn etwas nicht geht, solltest du einfach beschreiben was es ist ;)
Getestet und für gut befunden im FF 2.0.02 und IE 6.0.2800.1106

 

[matibaski]

An mir wurde immer mit den Forenregeln rumgehackt.
Aber wenn jemand ein Problem hat, das schon viele hatte, dann ist das ein überflüssiges Posten.

Abgesehen davon, die Regeln lesen seehr wenige, die neu ins Forum kommen.
Es steht sogar eine Meldung auf der Seite, wenn man nicht eingeloggt ist.
Die meisten meinen einfach, ich brauch das nicht zu lesen!
Klar, dachte ich auch! Doch dann habt ihr mir schon Feuer unter dem Arsch gemacht. ;)

MfG, matibaski

 

[FrashMan]

ich es ist so zum k*****

tut mir leid aber ich habe ein abgrundtiefen hass gegenüber dem IE und MS die letzten jahre entwickelt!!!
warum können die sich nicht einfach mal den neuen standarts anpassen. jeder verdammte browser der welt macht das öffnet das menü mit leichtigkeit bis auf den letzten browser dem IE - der aber dummerweise der meist verwendete browser ist - es ist so zum heulen.

ich verzweifel noch. ich habe den auftrag eine internet seite einer firma zu gestallten - die sieht echt super aus! da steckt sehr viel zeit drin und sie funktioniert wunderbar! -mit opera, firefox selbst netscape nur der ie macht solche muggen!

ich bin drauf und dran diesen profitablen auftrag aus frust daran an den nagel zu hängen!!!

eine idee habe ich noch; was denkt ihr: ob ich eine browserweiche bzw. ein script einbaue die den IE nutzern auf die downloadseite von opera oder firefox lenkt?

spaß bei seite: kennt jemand ein aufklappmenü-script das sich einschaltet wenn der IE am start ist - das natürlich auch mit dem IE funst?

 

[matcho]

ne browserweiche für ie mit speziellen angaben funktioniert wohl nicht??? :?:
bspw:

<!--[if IE 6]>
<style type="text/css">@import url(menue_ie.css);</style>
<![endif]-->

 

[prostel]

Frashman es wäre immernoch hilfreich zu wissen, was
denn nun nicht geht :) denn bei mir funktioniert das
menü in allen browsern. welche version vom IE nutzt
du denn?