nicht angemeldet
Hallo!
Ich möchte mir eine Homepage gestalten. Ich habe ein bestimmtes Layout im Kopf, und trotz einiger CSS Erfahrung komme ich nicht weiter.
Bevor ich das umständlich beschreibe, poste ich den Link zu einem Bild, dass den Aufbau beschreibt:
http://www.weatherfield.de/layout1.gif
http://www.weatherfield.de/layout2.gif
Der Hintergrund der Seite ist also blau. Oben ist eine Genau positionierte Box (rot), was einwandfrei klappt (mit position: absolute positioniert).
Der Inhaltsteil darunter ist weiß, jeweils mit Abstand zum linken, rechten und (das ist das Problem) unteren Teil.
Der Inhaltsteil ist zweigeteilt, eine linke Seite für den echten Inhalt, eine rechte, für Navigation etc.
Wenn ich die Inhaltsbox mit position:absolute formatiere, und bottom: 10 px; eingebe (die DIVs inhalt-links und inhalt-rechts sind in der "weißen" DIV für den Gesamtinhalt) klappt das auf Seiten mit wenig Inhalt prima.
Sobald mehr Inhalt dazu kommt und man scrollen muß (siehe mein Bild, das rosa Rechteck ist hier die Bildschirmgröße), klappt es leider nicht mehr - der Inhalt wird abgeschnitten. (Es soll aber so klappen wie auf layout2.gif)
Ich kann die weiße Gesamt-Inhalts-DIV auch nicht fixieren, denn die ganze Homepage soll ja scrollbar sein, und nichts fixiert (z.B. Titel oben).
Ich hoffe, jemand erkennt was ich meine und vor welchem Problem ich stehe, und weiß eine Lösung. Tut mir leid, dass dies so kompliziert klingt - ich hoffe, mein Bild macht es einfacher.
Struppi