Willkommen in der Webstatt
User-1 am 17.08.07 18:13

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?

netcup.de Warum gibt es hier Werbung?
User-2 am 17.08.07 18:52

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

Gruß, xyz-172 :)

User-1 am 17.08.07 19:03

Quote
Original von xyz-177
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.

User-3 am 17.08.07 19:11

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/

User-4 am 17.08.07 19:19

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..

User-5 am 17.08.07 19:33

Quote
Original von xyz-70
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

User-1 am 17.08.07 19:50

aber height: 100% funktioniert ja nicht wirklich oder?

User-5 am 17.08.07 19:54

öhm warum nicht?

User-1 am 17.08.07 19:56

Quote
Original von xyz-49
ö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.

User-5 am 17.08.07 20:00

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

User-1 am 17.08.07 20:04

weiß nicht was du meinst.

User-5 am 17.08.07 20:17

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

User-4 am 17.08.07 21:45

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?

User-1 am 17.08.07 21:48

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

User-6 am 17.08.07 22:53

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

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt