Homepage selbermachen 7.848 Themen, 35.566 Beiträge

Verfolgung starten Optionen

Drei-Spalten-Layout erstellen

Special-J / 6 Antworten / Flachansicht Nickles

Hallo allesamt,

ich bin schon lange dabei mir ein benutzerdefiniertes XHTML/CSS-Layout mit einem Header, Footer und dazwischen 3 Inhaltsspalten zu erstellen, wobei die Spalte in der Mitte flexibel in der Breite sein sollte.

Mein Grundgerüst habe ich mithilfe von Yaml (http://builder.yaml.de/##drop12) erstellt, aber irgendwie will es nicht klappen.
D.h. dass mein Layout nicht konstant in der Höhe bleibt, wenn zB eine der 3 Spalten länger ist als die anderen beiden, ziehen sich diese nicht mit und bleiben so lang, wie es der Inhalt es zulässt.

Habt ihr viellciht eine Idee oder einige CSS-Tipps?
Wäre dankbar dafür :)

bei Antwort benachrichtigen
http://www.css4you.de/wslayout1/ex0010.html HTH, Z. Zaphod
Sorry, aber das hilft mir leider nicht weiter. Mein Layout habe ich ... Special-J
Das kannst Du umgehen, indem Du die 3 Spalten in einen gemeinsamen Container ... xafford
Die 3 Spalten befinden sich bei mir auch in einem gemeinsamen Container, der ... Special-J
Hmmm, wann hast Du denn das Tag erfunden? O ... Du musst aufpassen, dass Du ... xafford
Special-J xafford „Hmmm, wann hast Du denn das Tag erfunden? O ... Du musst aufpassen, dass Du...“
Optionen

Ok, damit wir am Ball bleiben, hier erstmal ein Screenshot des Prototyps meiner Homepage (das ich gerade hochgeladen habe):

http://s7.directupload.net/file/d/1559/bapwnyzs_jpg.htm

Wie du siehst, soll die obere Leiste (header) eine feste Höhe, aber in der Mitte eine flexible Breite haben; und das selbe gild für die Fußzeile (footer).
Die Spalten rechts und links haben keine "richtigen" Hintergrund, nur eben einen border, der sie umfließt. Und wie du sehen kannst geht dieser nicht bis zum Boden, da rt nicht voll beschrieben ist.

Das ganze hat nichts mit Tabellenlayout zutun und sollte möglichst in allen Browser gleich aussehen; von IE5 bis IE7, Firefox, Mozilla, Opera usw.

bei Antwort benachrichtigen