nicht angemeldet
Hi,
<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.
<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 {}
/* float:left = Punkte nebeneinenader anordbar */
ul.nav{
float:left;
margin-top:-1px;
display:inline;
wozu inline? Braucht der IE diese unsinnige Angabe wirklich?
/* 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.
/* Das verhindert, dass sich das Submenü beim hovern der nicht sichtbaren Punkte öffnet */
.nav2:hover{
display:block;
}
Das will mir nun gar nicht einleuchten.
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.
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.
freundliche Grüße
Ingo