Robert_S: 3 Spalten Layout mit CSS -

Beitrag lesen

Hallo,

ich bin dabei, folgenden Seitenbaufbau zu realisieren(CSS):


|
                  Header                         |
                                                 |


|                                  |       |
      |                                  |       |
      |                                  |       |
  1   |          Content                 |   2   |
      |                                  |       |
      |                                  |       |
      |                                  |       |
      |                                  |       |
      |                                  |       |
      |                                  |       |


>                  Footer

Alles soweit auch kein Problem. Nur jetzt folgende Vorgaben:

  1. Footer soll immer am unteren Rand enden, auch wenn der Inhalt der darüberliegenden Bereiche nicht genug Inhalt hat. (nicht position:fixed - bei langem Inhalt steht er am Ende des Imhaltes)

  2. Die Bereiche 1 und 2 sollen fixe breite haben, Content sich dementsprechend der restlichen verfügbaren Breite anpassen.

Hab schon verschiedene Seiten gefunden, wo entweder 1 oder 2 realisiert war, beim einbinden beider Varianten zerschießt mir immer der ein oder andere Browser alles.

Kennt jemand ein Tutorial, wo genau dies beschrieben ist? Ich will jetzt (noch) nicht meinen Quelltext hier posten, sondern erst mal selber ausprobieren und verstehen wie's geht... nur bräuchte ich da eben ein paar Denkanstöße.

danke,
knut eisbär

Sicher kann man da den linken Bereich und den rechten Bereich floaten und den Fussbereich clearen.
Dazu sollten sich genug Tuts im Netz finden. ;)
Solltest dich vielleicht hier mal schlau machen: http://www.thestyleworks.de/tut-art/layout_div_2.shtml