Homepage selbermachen 7.846 Themen, 35.563 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
Special-J Zaphod „http://www.css4you.de/wslayout1/ex0010.html HTH, Z.“
Optionen

Sorry, aber das hilft mir leider nicht weiter. Mein Layout habe ich größtenteils schon fertig. Sieht alles wunderbar aus und kompatibel zu allen Browsern, doch wenn eine Spalte länger ist als die anderen es sind.

Hier ist ein kleines Beispiel, wie es eigentlich aussehen sollte:
http://specialjs.sp.funpic.de/example/example.html

Dieses von Yaml-generierte Beispiel zeigt, dass wenn mehr Inhalt in einer der 3 Spalten hinzugefügt wird, die Hintergründe der anderen 2 Spalten mitlaufen (was bei mir nicht klappt).

Ich hoffe, ich war deutlich genug :)

bei Antwort benachrichtigen
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
Ok, damit wir am Ball bleiben, hier erstmal ein Screenshot des Prototyps ... Special-J