vertikale Linie

Hallo,
also mein Problem ist, ich habe 2 spalten, also 2 divs nebeneinander. Jetzt soll eine vertikale Line zwischen den beiden divs sein. Die Line soll aber bis zum schluss gehen, also nicht nur so weit, wie div1 oder div2 groß ist, sondern wie lang der längste div von den beiden ist, also quasi wie bei einer tabelle. Wie kann man das am besten realisieren?

Wie wäre du nutzt den Border. Also Border-Right für div1 so?

Gruß, user-282

Original von user-287
Die Line soll aber bis zum schluss gehen, also nicht nur so weit, wie div1 oder div2 groß ist, sondern wie lang der längste div von den beiden ist, also quasi wie bei einer tabelle.

Falls sich in den letzten Monaten nicht allzuviel geändert hat ists wohl immernoch so, dass das nicht "einfach so" geht. Das ist etwas komplizierter, du findest aber viele Anleitungen/Beispiele, wenn du nach "Faux columns" suchst, z.B.:
http://www.alistapart.com/articles/fauxcolumns/
http://www.communitymx.com/content/article.cfm?cid=afc58
http://www.ilovejackdaniels.com/css/faux-columns-for-liquid-layouts/

ohne das jetzt alles gelesen zu haben: mach es doch so:
einen übergeordneten div, in dem der linke und der rechte div drin sind und bei dem machst du als hintergrund die linie in der mitte..

Original von user-180
ohne das jetzt alles gelesen zu haben: mach es doch so:
einen übergeordneten div, in dem der linke und der rechte div drin sind und bei dem machst du als hintergrund die linie in der mitte..

das ganze würde ich evtl. in abgewandelter weise probieren.. ein hintergrund div, drei divs nebeneinander, das mittlere stellt den strich dar und bekommt height 100% die anderen beiden div im hintergrund div sind jeweils so groß wie sie eben sein sollen und da das hintergrund div auch nur so hoch ist wie das höchste div, bleibt der strich auch auf der richtigen höhe

aber height: 100% funktioniert ja nicht wirklich oder?

öhm warum nicht?

Original von user-159
öhm warum nicht?

hatte mal die Erfahrung gemacht, dass height: 100% = Browserfenstergröße ist und nicht Seitengröße, d.h. es funktioniert nur so lange, bis man scrollt.

dann mach das ganze halt um die ecke mit padding-top und padding-bottom oder klappt das auch nicht?

weiß nicht was du meinst.

Ich meine, dass du dem strich div padding-top: 5px; und padding-bottom:5px; gibst anstatt height 100% sodass es dem hintergrund div oben und unten auf jedenfall anliegt

also ich hab das mal veranschaulicht..

in meinem beispiel soll es eine grüne linie sein.
du machst um die beiden container 2 und 3 noch einen übercontainer 1 rum, der als hintergrund bild die linie hat. die aneren beiden container (2&3) haben kein hintergrundbild.
jetzt klar?

Das hatte ich verstanden, jedoch find ich diese methode in der breite sehr undynamisch.

Wieso undynamisch? Du kannst ja angeben das Hintergrundbild soll immer in der Mitte sein (background-position) dann kannst du dein Übercontainer so breit machen wie du willst