Html/css-ben hogyan oldaható meg, hogy a függőleges vonal olyan hosszúságú legyen, mint melette a tartalom?

Én left/right borderként csinálnám meg az egyik tartalomhoz, és az adott tartalom padding-top és padding-bottom tulajdonságát nulláznám.

Ha meg mindkét oldal DIV és a vonal is egy DIV középen és mondjuk ismétlődő háttérképpel oldottad meg, akkor alkalmazhatod ezt is:

[link]

Amúgy mutathatnál kódot is, hátha pontosan meg tudjuk mondani, mit és hova írj.

Ha jól értelmezem, akkor két oszlopban van a tartalom, és gondolom, két div-ben van elhelyezve.

Ha dinamikusan generált a tartalom mindkét div-ben, akkor nem biztos hogy tudni lehet, melyik div lesz a magasabb. Ilyen esetben két egyszerű megoldás is van JavaScripttel.

1. Lekérdezed mindkét div magasságát, és annak állítsz be border-t amelyik magasabb.

2. Lekérdezed mindkét div magasságát, és mindig ugyanannak a div-nek adsz bordert, és ha a border-rel rendelkező div magassága a kisebb, akkor ugyanakorára beállítod magasságát, mint a másik magassága.

Vagy esetleg van egy másik, de ne igazán szép megoldás, ha táblázatot használsz. Ekkor mindkét cella ugyanolyan magas lesz.