[css/html] verticaal doorlopende columns

[littledreamer]

Beste mensen,

Het probleempje dat ik heb, is hier al vaker langgekomen. Er zijn al een 'aantal' topics over, maar daarmee kom ik er ook niet uit.

Het probleem dat ik heb, is dat een div niet doorloopt tot de footer.



Het blauwe blokje is een menu, de inhoud hiervan kan verschillen.
Toch wil ik dat het blauwe menu doorloopt tot aan mijn footer, ongeacht de inhoud.

De CSS die ik op dit moment heb

code:

div#content div#projecten_lijst {
background: #ccc url(../gfx/projecten_lijst.jpg) repeat-y 50% 0;
position: absolute;
padding:0px;
margin:0px;
width:220px;
margin-left:415px;
top:177px;
padding-top:25px;
color:#FD0782;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

Naar aanleiding van twee artikelen die ik in andere topic's heb gevonden, kwam ik er niet uit.
Deze artikelen heb ik gebruikt.
Het welbekende fauxcolumns artikel
En nog een artikel

Ik begrijp dat ik een afbeelding moet maken voor op de achtergrond, deze is er, maar als ik deze laat herhalen tot de footer weigert dit.

Dit werkt niet in Fire Fox en ook niet in Internet Explorer.

[littledreamer]

titel foutje

Sorry!

[Rickets]

Je zet de achtergrond die moet doorlopen tot aan je footer op #projecten_lijst, terwijl die DIV juist niet doorloopt tot onderaan. Het werkt precies zoals je gedefinieerd hebt. Je moet het achtergrondplaatje dus op een ander element zetten (waarschijnlijk de parent).

Deze post is gebaseerd op vermoedens, aangezien ik je HTML niet heb gezien.

[littledreamer]

Rickets schreef op dinsdag 27 september 2005 @ 12:58:
Je zet de achtergrond die moet doorlopen tot aan je footer op #projecten_lijst, terwijl die DIV juist niet doorloopt tot onderaan. Het werkt precies zoals je gedefinieerd hebt. Je moet het achtergrondplaatje dus op een ander element zetten (waarschijnlijk de parent).

Deze post is gebaseerd op vermoedens, aangezien ik je HTML niet heb gezien.

Allereerst, dank voor je reactie.

Oke, ik heb het aangepast.
Alleen nu het probleem, dat de parent de complete hoogte van de site neemt, de hoogte van de header zit er ook bij in, het menu is nu zo hoog als de header, het menu links en de footer samen. Dit betekend dus dat de achtergrond gewoon verder gaat onder de header er moet dus een stukje hoogte van de 100% af

[disjfa]

littledreamer schreef op dinsdag 27 september 2005 @ 13:07:
[...]
Dit betekend dus dat de achtergrond gewoon verder gaat onder de header er moet dus een stukje hoogte van de 100% af

Is het een probleem dan dat er een achtergrond staat onder een ander item. Lijkt me niet aangezien je dit optisch nooit zal merken omdat je het niet ziet.

Dus zolang jij er geen probleem van maakt en het je layout niet verpest

[littledreamer]

disjfa schreef op dinsdag 27 september 2005 @ 13:19:
[...]

Is het een probleem dan dat er een achtergrond staat onder een ander item. Lijkt me niet aangezien je dit optisch nooit zal merken omdat je het niet ziet.

Dus zolang jij er geen probleem van maakt en het je layout niet verpest

Zoals het er nu uitziet vindt ik het eigenlijk wel een probleem ja

[disjfa]

littledreamer schreef op dinsdag 27 september 2005 @ 13:32:
[...]

Zoals het er nu uitziet vindt ik het eigenlijk wel een probleem ja

[afbeelding]

Als het er zo uit ziet ben ik benieuwd naar de rest van je html Heb je bij toeval een linkje?

[Verwijderd]

top:177px;
padding-top:25px;

vervang eens door
top:0px;
padding-top:202px;

dan begint ie bovenaan (achter die rode), en loopt door tot onder (ook erachter), met die padding zet je de content toch op de juiste plek

[littledreamer]

Verwijderd schreef op dinsdag 27 september 2005 @ 13:39:
top:177px;
padding-top:25px;

vervang eens door
top:0px;
padding-top:202px;

dan begint ie bovenaan (achter die rode), en loopt door tot onder (ook erachter), met die padding zet je de content toch op de juiste plek

Nu gaat hij onderaan nog steeds door, en hij gaat dwars door m'n flash header heen

[Verwijderd]

owja, denk foutje

[littledreamer]

Het probleem is inmiddels opgelost, dank voor jullie reacties!

[Verwijderd]

Ik ga eens kijken of dit ook voor mij werkt, ik zat ook net met dit probleem
Hoe heb je het nou uiteindelijk opgelost?

[ Voor 22% gewijzigd door Verwijderd op 27-09-2005 22:15 ]

[littledreamer]

Verwijderd schreef op dinsdag 27 september 2005 @ 22:14:
Ik ga eens kijken of dit ook voor mij werkt, ik zat ook net met dit probleem
Hoe heb je het nou uiteindelijk opgelost?

Ik heb een div verwijderd aan de rechterkant en een alomvattende border toegevoegd voor de site.

Mocht je d'r niet uitkomen moet je me maar even een e-mail sturen.