4. [CSS] Mehrspaltiges Layout.

[CSS] Mehrspaltiges Layout.

  • C

    Servus zusammen,
    Ich möchte mit Hilfe von <div>-Containern gerne das folgende Layout umsetzen:

    +----------------------------+
|+-+ +-------------------+   |
|| | |                   |   |
|| | |  Main-Content     |   |
||*| |                   |   |
|| | |                   |   |
|| | |                   |   |
|| | |                   |   |
|+-+ +-------------------+   |
+----------------------------+

    (* = Farblicher Streifen).
    Mein Problem ist nun Folgendes: Wie kann ich den *-div und den Main-Content-div, wie obenstehend positionieren? Dabei soll der *-div vom Main-Content-div abhängig sein. D.h. je mehr Text Main-Content enthält (wodurch Main-Content möglicherweise mehr Platz beansprucht), desto länger muss *-div sein. Nochmal ganz kurz auf den Punkt gebracht, will ich, dass die beiden divs bündig abschließen.

    Hat jemand von euch diesbezüglich eine Idee? Wäre für Tipps, etc. sehr dankbar! 🙂

    Gruß, Caipi

    0
  • S

    float-left und width im linken + left im rechten DIV, dann hast du sie erstmal horizontal schön nebeneinander.

    Vertikal ist afaik nicht ohne weiteres möglich weil das bei DIV-Layouts nicht vorgesehen ist. http://www.alistapart.com/articles/fauxcolumns/

    MfG SideWinder

    0
  • C

    Danke für den Link! Hat mir geholfen.

    Gruß, Caipi

    0
Anmelden zum Antworten