div gaat niet mee

Als je je code laat inspringen maak je het een stuk overzichtelijker om je te laten helpen en dus oplossing te vinden.
Nou is die oplossing zelf erg simpel, alleen door dat het zo onoverzichtelijk is, is het lastig om te zien waar die geplaatst moet worden.
Of je moet geen height meegeven of je moet een plaatje als background repeat-y zetten.

Ik kijk er ff naar edit zo.

edit:
Hmm je had 1 </div> te veel.
Ik heb ff geen zin om alle plaatjes en alles over te nemen, dus ff snel bekeken.
Ik denk dat wanneer je height weg haalt bij #content dat het dan ook gaat lukken.
Dit werkt ook wel.

#content {
    background:url(images/white.gif) repeat-y;
    position: relative;
    height: 500px;
}

Download dit plaatje (height: 1px width: 800px)
[IMG]http://img204.imageshack.us/img204/6654/whiteel0.th.gif[/IMG]

Tip: als je begint met CSS, begin dan niet onmiddellijk met position: relative en position: absolute te smijten. Dat is meer iets voor de gevorderde CSS-er.

Maak eens een JPG van hou de lay-out er uit zou zien als hij perfect was? Dan kunnen wij je tips geven over hoe je je CSS het beste op kunt bouwen.

<br clear="all" />

Net voor het einde van je contrainer. Dit moet werken volgens mij.

Valid xhtml moet het zoiets zijn:

.clearall {
clear: both;
}

<br class="clearall" />

@moozzie
Clear is voor floats dacht ik en er wordt nergens wat gefloat. Er wordt gewerkt met absolute positionering.

@ Moozzie en Kalle: clear is inderdaad voor floats, dus die helpt hier inderdaad niet. De lay-out is al te ingewikkeld geworden, vandaar mijn voorstel voor een JPG van de gewenste situatie.

@Kalle: da van de height weg laten werkt ni echt, dan laat hem gewoon niks zien.

hoe hem der ongeveer zou uitzien:

http://www.moskydesign.com/site2_0/site_layout1.jpg

kheb de code ook nog een beetje aangepast me wa meer tabs

Wil je dat het witte gedeelte doorloopt of dat er een scrollbalk komt.

Misschien moet je werken met floats en dat absolute en relative weg halen. Dan zal dat ene wel werken. Beetje kijken als je de waarde van height veranderd en daar op in spelen. Doe dit bij de #content en #txt_content.
Ik dacht dat #content de 'onderste' div is en dat is de div waarmee je moet spelen. De lengte is afhankeling van de lengte van de tekst in #txt_content. Kortom met die moet je spelen.
Als je absolute en relative wilt weghalen zal je met float moeten werken.
Succes.

ja het is bedoeling da da wit doorloopt.

en euh floats, hoe werkt da dan?

Opzetje:

nm staat een mooie tut hier wat verder