Hallo!
Ich möchte eine Website gestalten, die sich vollständig an die Fenstergröße anpasst. Da sie nicht für mich ist, muss sie ein festgelegtes Design umsetzen. Ich habe ein Hintergrundbild bekommen, das ich mit img (da sich CSS-Background-Zeugs nicht von der Größe her beeinflussen lässt) auf eine Höhe von 100% setze. Die Breite lege ich nicht fest, was dazu führt, dass sie automatisch im richtigen Verhältnis vom Browser bestimmt wird. Ich möchte über das Hintergrundbild von rechts beginnende Menüpunkte legen. Da das Hintergrundbild nicht zwingend die Breite des Fensters voll ausnutzt blendet es nach rechts aus. Jetzt sollen die Menüpunkte vor der Ausblendung sein:
+-------------------+
| | |
| Menüpunkte |
| | |
| | |
| | |
+--------------+----+
| |
| + Rechtes Ende vom Fenster
+ Rechtes Ende des Hintergrundbildes
Die Positionierung der Menüpunkte muss also so sein, dass diese an einer festen Stelle im Hintergrundbild landen. Von der Höhe her geht das einfach, da ich ja die Höhe des Hintergrundbildes auf 100% setze und somit den Abstand der Menüpunkte nach oben relativ zur Gesamthöhe bestimmen kann. Da ich die relative Breite des Hintergrundbilds zur Fenstergröße aber nicht kenne, weiß ich nicht, welche Entfernung von Rechts ich für die Menüpunkte einstellen soll.
Hat jemand eine kluge Lösung, mit der ich das Problem umgehen kann? (Nein, ich kann das Design nicht ändern. Es ist halt so wie's ist.)
Schöne Grüße
Julian von Mendel