Willkommen in der Webstatt Zum Webstatt Blog und Stories
Rebel4s Rebel4s 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?
Pyth0n Pyth0n am 17.08.07 18:52

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

Gruß, Pyth0n :)

Rebel4s Rebel4s am 17.08.07 19:03

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

hoffie hoffie 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/

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

danieL danieL am 17.08.07 19:33

Quote
Original von fish
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

Rebel4s Rebel4s am 17.08.07 19:50

aber height: 100% funktioniert ja nicht wirklich oder?

danieL danieL am 17.08.07 19:54

öhm warum nicht?

Rebel4s Rebel4s am 17.08.07 19:56

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

danieL danieL 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?

Rebel4s Rebel4s am 17.08.07 20:04

weiß nicht was du meinst.

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

fish fish 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?

Rebel4s Rebel4s am 17.08.07 21:48

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

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