Philipp Vallant: Problem mit absoluter Positionierung von <div>-Elementen

Beitrag lesen

Hallo!

Nach dem ich nun einige Zeit das Forum durchforstet habe, aber irgendwie keine passende Lösung gefunden habe, formuliere ich hier mal mein Problem. Hoffe es kann mir jemand weiterhelfen.

Ich habe versucht für meine Homepage ein dynamisches Menü mit Hilfe von CSS und JavaScript zu erstellen. Die Anzeige im Firefox 1.5.0.1 sowie im IE 6.0.x funktioniert einwandfrei. Leider ergibt sich bei der Anzeige im Firefox 1.0.7 ein kleines Problem.

Ich habe zur Veranschaulichung des Problems 2 Screenshots angefertigt, einmal mit FF 1.5.0.1 und einmal mit FF 1.0.7.

Screenshot FF 1.5.0.1 (korrekte Darstellung)
http://www.serfauser.net/users/phalluz/screens/screen2.jpg

Screenshot FF 1.0.7 (fehlerhafte Darstellung)
http://www.serfauser.net/users/phalluz/screens/screen.jpg

Und hier noch das ganze in Action:
http://www.serfauser.net/users/phalluz/navi.html

Das Problem ist, dass das <div>-Element, welches absolut (relativ zu seinem Elternelement, dem <li>-Tag) positioniert ist, nur maximal so breit ist, wie das Elternelement selbst. Durch die Angabe einer Breite mit width:xy lässt sich das Ganze zwar beheben, da die Menüstruktur aber aus einer Datenbank gelesen werden soll, und sich die Breite dem (variablen) Inhalt anpassen soll, suche ich nach einer anderen Möglichkeit.

Habe schon ziemlich viel herumprobiert, aber konnte bisher keine Lösung für das Problem finden. Hoffe jemand von euch kann mir helfen.

Danke im Voraus
Philipp

PS: Sollte das Thema bereits einmal besprochen worden sein, und ich den Thread nicht gefunden haben sollte, wäre ich dankbar für einen Link.