nick: CSS-Menü funktioniert nicht

Beitrag lesen

<ul class="nav">
  <li class="sup">Ueberschrift1<br>
die Klasse ist nicht nötig und das br erst recht nicht. Du kannst:
ul.nav li { display:block; } definieren.

Und was passiert dann mit den Unterpunkten? Das sind auch <li> in ul.nav

<ul class="nav2">
   <li class="sub"><a href="index.php">Unterschrift1.1</a></li>
Beide Klassen sind überflüssig:
ul.nav li ul {}
ul.nav li li {}

Gut, das kann ich nachvollziehen

/* float:left = Punkte nebeneinenader anordbar */
ul.nav{
float:left;
margin-top:-1px;
display:inline;
wozu inline? Braucht der IE diese unsinnige Angabe wirklich?

Nein, der IE zersetzt sowieso meine Seite, da ist das dann auch egal.

/* Absolutes Positionieren = Stört die anderen Elemente auf der Seite nicht, sondern legt sich über sie */
.nav2{
position:absolute;
}
Ohne weitere Angaben ist das völlig untauglich. Ich glaube, besonders der Opera steigt dabei aus. Und mit Positionsangaben fehlt der geeignete Bezugspunkt, nämlich ul.nav.

Nö, der Opera zeigt kein Unterschied zu Mozilla. Aber ohne position:absolute werden die Elemente verschoben, mit bekomme ich genau den gewünschten Effekt.

/* Das verhindert, dass sich das Submenü beim hovern der nicht sichtbaren Punkte öffnet */
.nav2:hover{
display:block;
}
Das will mir nun gar nicht einleuchten.

Ja, stimmt, jetzt brauche ich es nicht mehr.

Im Opera 8 sieht es so aus wie ich es eigentlich gerne haben würde - doch im Mozilla liegen die Punkte nebeneinenader. Dabei sehe ich dazu keinen Grund...
das hast Du doch mit display:inline; selbst definiert.

Das sehe ich jetzt auch.

Im übrigen: hast Du einen vollständigen Doctype für den standardkompatiblen Modus angegeben? Wenn nicht, könnte der Opera die Seite fehlerhaft (wenn auch in Deinem Sinne) darstellen.

Ja, ein Doctype ist vorhanden