Ausklappmenü - IE, Firefox geht, Opera nicht?

shapeshifta · #1 (**permalink**) 23.12.2005, 10:26

Moin, Gemeinde!
Hab da ein kleines Problemchen:

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="styles2.css"/>


<title></title>
</head>
<body>
 <div id="aussen">
 <div id="title">
 </div>
 <div id="left">


  <ul id="menu">[*]Nutzer
    <ul>[*]Passwort &auml;ndern[*]ausloggen
        <ul>[*]Ebene 1.2.1[*]Ebene 1.2.2[/list]      
[/list]  [*]Kapitel
    <ul>[*]Kapitel 1[*]Kapitel 2[*]Kapitel 3[*]Kapitel 4[*]Kapitel 5[*]Kapitel 6[/list]  [*]Fragen
    <ul>[*]Fragen zu 1[*]Fragen zu 2[*]Fragen zu 3[*]Fragen zu 4[*]Fragen zu 5[*]Fragen zu 6[/list]  [*]Glossar[*]Impressum[/list]
</div>
<div id="content">

</div>
<br class="clear" />
</div>

<script type="text/javascript">
  <!--
  var menu = document.getElementById("menu").getElementsByTagName("ul");
  for (i=0;i<menu.length;i++) {
    menu[i].setAttribute("id","menu"+i)
    if (menu[i].parentNode.nodeName == "LI") {
      menu[i].parentNode.onmouseover = function () {
        this.lastChild.style.display = "block";
      }
      menu[i].parentNode.onmouseout = function () {
        this.lastChild.style.display = "none";
      }
    }
  }
  -->

</script>


</body>
</html>

Das ist meine Html-Datei und das die styles2.css:

Code:

body {
  font-family:Verdana,sans-serif;;
  font-size:12px;
  text-align:center;
  margin:0px;
  line-height:18px;
}

a:link, a:visited {
  text-decoration:underline;
  font-weight:normal;
  color:#aaaaaa;
  background-color: inherit;
}
a:active, a:hover {
  background-color: inherit;
  color:#61a3b3;
}


#aussen {
width:800px;
margin:0px auto;
text-align:left;
border:1px solid #000000;
}

#title {

height:100px;
padding:5px;
border-bottom:0px;
}

#left {
padding-top:0px;
width:137px;
height:900px;
float:left;
}

#content {
background-color:#FFFFFF;
width:540px;
margin-right:40px;
float:right;
margin-top:0px;
margin-bottom:30px;
color:#000000;
}

br.clear {
clear:both;
}

Hat jemand ne Idee, warum ausgerechnet der Opera (7.54u2) das nicht richtig anzeigt?? Ich mein, sogar IE geht ohne Probleme. Ich seh nur grad den Wald vor lauter Bäumen nicht mehr und wäre dankbar für Hilfe...

Ein frohes Fest,

shapeshifta

shapeshifta · #2 (**permalink**) 23.12.2005, 12:25

Hier noch die Dateien...

shapeshifta · #3 (**permalink**) 23.12.2005, 13:13

hier gibt es noch ein showcase, um es einfacher zu machen.
Irgendwie ist es so, dass beim Opera die Teile des aufklappenden Menüs plötzlich erscheinen, wenn die Tooltips wieder ausgehen...
Ich habs schon mit z-index probiert, wurde aber nicht glücklicher.

shapeshifta · #4 (**permalink**) 23.12.2005, 13:58

büdde büdde, hilfe...

es ist ein projekt für die uni...
und weil doch Weihnachten morgen ist...

duessu · #5 (**permalink**) 23.12.2005, 14:11

Also in meinem OP8 ist alles in Ordnung. Sagt, doch einfach den Leuten von der UNI, dass Sie die aktuellste Version installieren sollten...

shapeshifta · #6 (**permalink**) 23.12.2005, 14:21

hm, ich würds gern möglichst browserunabhängig hinbekommen.
ich weiß, utopisch, aber zumindest in meinen 3 installierten browsern soll es gehen.
es soll ein lernprojekt sein für studenten aller fakultäten und viele davon haben nicht so viel mit computern am Hut.
Trotzdem vielen Dank für den Hinweis!

IChao · #7 (**permalink**) 23.12.2005, 15:38

Von styles2.css hast du die wichtigere Hälfte vergessen. Da die übrigen Operafans wohl gerade am Plätzchenbacken sind: mit einer width/height für #menu ul von 500px wird es zumindest angezeigt, auch wenn das Menu selbst immer noch wackelig ist. Opera7.54+8 haben Pixel zwischen den Ebenen, die beim Hovern das Menu kollabieren lassen.

shapeshifta · #8 (**permalink**) 23.12.2005, 15:45

Danke für den Tipp, muss ich mir wohl gänzlich eine andere Lösung einfallen lassen...

ist whatever: hover zu empfehlen? Sieht ganz vielversprechend aus...

Viel Spaß noch beim Plätzchenbacken im Opera-Club

IChao · #9 (**permalink**) 23.12.2005, 16:01

Peter Nederlof's whatever:hover ist ein behavior, was bei inkorrekten Servereinstellungen nicht läuft, sonst aber sehr stabil+ausgetestet ist.

Wenn dir das Menu unter der Maus zusammenbricht, hilft eine leichtere Maus oder das Überlappen der sensiblen Bereiche:
http://positioniseverything.net/css-dropdowns.html

Bitte. Ein Plätzchen.

shapeshifta · #10 (**permalink**) 23.12.2005, 18:19

jam jam, danke. Obwohl ich ja cookies nich so mag...

Gibt es eine Möglickeit, das behavior tag richtig validieren zu lassen?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox	braindead	(X)HTML	5	11.03.2007 16:57
CSS - align="right" nur Im Opera. Firefox und IE nicht	frankm123	CSS	8	08.06.2006 14:52
padding / width OK in IE und Firefox, nicht in Opera	fuhrheiner	CSS	6	04.04.2006 09:46
Hyperlinks im Firefox und Opera immer unterstrichen,im IE ab	Sven4972	CSS	3	30.07.2005 21:15
div -> Border -->> Wirkung opera firefox	Holger (HMR)	CSS	1	01.04.2005 17:44