Hallo Cyx23,
es gibt noch sehr viele Korrekturmöglichkeiten.
Ja? Hm, das klingt schonmal gut!
Hier stört m.E. ein horizontaler Versatz mehr als ein Höhenabstand,
um mal irgendwo anzufangen.
Stimmt!
Du könntest z.B. <ilayer><layer background=xy.gif><div id=submenu ...
probieren, dann müsste die Position zumindest oben und links stimmen,
Ähm na ja, aber dafür fliegt der Rest der Seite auseinander ...
Ich hab einfach außen um das div den ilayer gewickelt, so wie von Dir vorgeschlagen, aber das hat nicht so ganz funktioniert. Das Hintergrundbild wurde zusätlich noch an allen möglichen Stellen außer im Menübereich angezeigt.
oder auch mit einem zusätzlichen span arbeiten:
....</div><span id=nc4><img src="index2.asp_f
#SubMenu { position:relative;left:-3px;}
#nc4{margintop:-1em;}
Hm, sobald ich aber beim SubMenu ein position:relative; reinschreibe stimmt das Ganze auch in den anderen Browsern (Mozilla, IE ... ) nicht mehr. Und das mit den Minuswerten für NN 4 funktioniert auch nicht so ganz.
Oder drei Blöcke innerhalb des absolut positionierten div,
dann kannst du besser mit margin usw. korrigieren, oder könntest Block1
und Block3 für Netscape mit einem transparenten Gif als Hintergrund
versuchen, dann würden sich alle drei Blöcke gleich verhalten und
zumindest horizontal stimmen.
Drei Blöcke? Das geht gar nicht. Ich hab einen Block und in diesem Block muss sich ein weiterer reinschieben. Weil das Untermenü ist ja nicht immer an derselben Stelle. Einmal unter dem ersten Hauptmenüpunkt, einmal unter dem zweiten usw. Dann müsste ich ja in jeder einzelnen Seite den ganzen Menübereich neu schreiben. Das geht schon alleine deswegen nicht weil das Menü später aus einer Datenbank kommen wird und dynamisch aufgebaut ist.
(BTW: Das Hauptdiv hat ebenso ein Hintergrundbild, das Problem tritt nur deswegen nicht auf, weil es absolut positioniert ist und dann NN 4 kein Problem mehr damit hat. Warum auch immer ... )
Bei absoluter Position könnte man mit clip() usw. nachbessern.
Das div mit dem Untermenü darf aber aus obigen Grund nicht absolut positioniert sein. Dann wärs ja kein Problem. Es muss in einem absolut positionierten div ein Element geben, das "von selbst" an der richtigen Stelle erscheint, je nachdem wo im Quelltext es sich befindet. Unter dem jeweiligen Hauptmenüpunkt halt.
Schliesslich wäre noch ein anderes background-image für den NC4
eine recht einfache und valide Lösung.
Ja klar, aber das geht nicht weil die Linie mit den "runden Ecken" oben und unten nicht zum Hintergrundbild gehört sondern ein Bild im div ist. Ich weiß ja vorher nicht wieviele Untermenüpunkte es zu dem jeweiligen Hauptmenüpunkt gibt.
Puh, ich hoffe das war jetzt nicht zu kompliziert.
Lg,
sunny