Hallo,
ich beschäftige mich schon den ganzen Abend mit dem Layout einer Seite, komme aber nicht so richtig weiter.
Der Kunde möchte die Seite so umgesetzt haben:
seite.jpg
Also im Hintergrund die Skyline, die fix am Fuß des Browser-Fensters sitzt. Dazu noch der Himmel und die Wolken.
Ist das Browserfenster breiter als das Bild der Skyline, soll einfach nur der Hintergrund grün sein, und zwar so hoch wie der tiefste grüne Punkt des Bildes (rechts und links außen bei diesem Bild).
Über der Skyline liegt der Content-Bereich, der zwar auf dem Bild in sich abgeschlossen ist, je nach Textlänge des Inhaltes aber nach unten wandert, so dass der Besucher scrollen muss. In diesem Content-Bereich findet sich der Header, das Menü und der Inhalt der Seite.
Außerhalb des Content-Bereiches liegt noch eine kleine Navigation für Impressum...etc.
Mein erste Idee war, um den #wrapper (graue Fläche) noch ein weiteres DIV nur für das Hintergrundbild (Skyline) zu machen. Da fehlt aber dann noch der Himmel/die Wolken. Des weiteren habe ich mich dann ziemlich in absoluten Positionierungen verloren, so dass das Endergebnis in allen Browsern anders aussah.
Hat vielleicht jemand eine Idee für einen Ansatz, wie man das umsetzen kann?
Danke schon mal und viele Grüße
Raynaldo
Lesezeichen