nicht angemeldet
3 Spalten Layout mit CSS -
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
-
Hallo,
fixe Bereiche
Ansonsten gehst du einen Punkt zurück und siehst dir die anderen drei Teile zu mehrspaltigen Layouts an.gruß aus Senftenberg am See
-
Hallo,
Kennt jemand ein Tutorial, wo genau dies beschrieben ist?
vielleicht findest du unter den Beispielen für CSS-Layouts Anregungen.
Grüsse
Cyx23
-
Hallo,
ich bin dabei, folgenden Seitenbaufbau zu realisieren(CSS):
|
Header |
|
| | |
| | |
| | |
1 | Content | 2 |
| | |
| | |
| | |
| | |
| | |
| | |
> Footer Alles soweit auch kein Problem. Nur jetzt folgende Vorgaben:
-
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)
-
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ärSicher 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 -