[CSS] DIV net zo lang als de pagina?

[Verwijderd]

Ik heb een pagina waarop (dmv PHP) een aantal nieuwsberichten komen. De hoogte van de pagina is dus telkens anders.

Nu wil ik een scheidingslijn op het midden van de pagina, die net zo lang is als de pagina. Daarvoor heb ik een DIV gemaakt met de volgende CSS:

code:

#quotelijn {
    position:               absolute;
    z-index:                3;
    left:                   390px;
    top:                    66px;
    width:                  1px;
    height:                 100%;
    padding:                0px;
    background-image:       url('images/ln_dotsvert.gif');
    background-repeat:      repeat-y;
}

Nu maakt hij de DIV 100% van mijn schermresolutie, maar niet 100% van mijn pagina (die dus veel langer is).

Er is nog een DIV waarin al die nieuwsberichten staan, die zorgt dus voor de lengte van de pagina. De DIV met de lijn en de DIV met nieuwsberichten moeten dus even lang worden. Kan ik ergens de lengte van die DIV met nieuwsberichten uitlezen en die lengte toepassen op de DIV met de lijn erin bijvoorbeeld?

[Tepel]

Gooi die lijn als achtergrond op je body element
Althans als je probeert te doen wat ik denk dat je wilt doen. De info is nogal beperkt

[Verwijderd]

Ik heb al een achtergrondplaatje in mijn body element.

Wat wil je nog meer weten?

[Borizz]

Achtergrond op de div van je nieuwsberichten is ook geen oplossing..? Geef ons anders even een plaatje of url waar we op kunnen zien hoe het nu is en misschien een tekening van hoe je het wilt hebben het is niet echt duidelijk..

Het is mogelijk de lengte uit te lezen met javascript, maar het is netter om het met css op te lossen (dan werkt het ook als javascript is uitgeschakeld).

[mithras]

[search=faux columns] will do the trick

[CH4OS]

Als je die scheidingslijn over de hele pagina wil hebben, kan je de background toch ook fixed zetten icm een repeat-y? Dan scrollt je hele pagina als het ware over die balk heen...