vraag over basing

meestal weet ik alles wel op te lossen maar nu kom ik er eventjes niet uit.
Luister en huiver...
Ik heb mijn contentgedeelte verdeeld in 3 kolommen, nu wil ik in het middelste gedeelte een div zetten maaaaaar die moet ten alle tijde beneden aan komen te staan (gelijk met de langste andere kolom), ongeacht hoeveel tekst erboven staat.
Zie afbeelding:
Met een afbeelding zou de oplossing zijn om background-position: bottom; te gebruiken maar hoe doe je dat met een div is dus mijn vraag. Iemand enig idee?

bottom: 0px;
position: fixed;

????????

marjolien@
wat bedenk je toch weermaar bedoel je dat hij altijd onderaan moet blijven staan zoals je footer, maar dan tussen de 2 divs in??

maar als ik het goed is zou die buiten div content moet maken en dan clear:both; mee moeten geven.maar ja dat is maar net de vraag hoe veder je de css code is opgebouwt.

@superb: leuk bedacht maar dat werkt niet. Me div staat dan wel beneden maar staat "vast" dus als ik ga scrollen blijft ie daar staan en gaat door me andere content heen en dat is niet de bedoeling.

@Simon: hij moet idd tussen die andere 2 divs in komen te staan. Maar als ik m buiten me content vak haal dan komt ie eronder en niet ertussen.

Iemand nog ideeën?

position: absolute? static???

Marjolein schreef:

@superb: leuk bedacht maar dat werkt niet. Me div staat dan wel beneden maar staat "vast" dus als ik ga scrollen blijft ie daar staan en gaat door me andere content heen en dat is niet de bedoeling.

@Simon: hij moet idd tussen die andere 2 divs in komen te staan. Maar als ik m buiten me content vak haal dan komt ie eronder en niet ertussen.

Iemand nog ideeën?

Dan moet je heb ook een float geven..
Heb je een live voorbeeld? Ik word er zo weinig wijs uit.

Gewoon nog een div maken lijkt me de oplossing:

Met andere woorden:
Je hebt Div content center, met daarin 2 divs op elkaar waarvan de bovenste onzichtbaar (geen border/background) is.
Die duwt dan automatisch de onderste naar beneden als hij langer is!

dank je eleky, maar dit werkt ook niet. Als er te weinig content in staat dan staat die div bottom toch niet helemaal onderaan. en ik wil niet dat de div bottom afhankelijk is van de inhoud daarboven. Hij moet standaard onderaan staan.
Ik heb ookal op google gezocht maar ik kom er gewoon niet uit, volgens mij kan dit gewoon niet
@miel: volgens mij is die schema duidelijk genoeg?

werkt dit ook niet:

position:absolute;
margin-top:100%;
top:-(hoogtediv)px;

Dus dat hij eerst onder het vlak dat mogelijk is word gezet, en dan weer naar boven.

@marjolein

ben eens wat aan knutsellen geweest. ben opzich best ver kunnen kommen met wat je wou
maar loop nog tegen een klien probleempje aan,
dat is dat hij mij dan ruimte onder div buttum geeft.dat komt om dat ik top-40px. hoe groter ik de inhoude deste meer moet die in de min. en krijg je ook steeds meer ruimte onder in. dat heb ik er nog niet uit kunnen halen. dus ja dat lijkt me ook niet echt op lossing.maarr past zich wel aan de beiden div aan de zijkant. misschien heeft veder nog iemand een tip
position: relative;
margin: 0 200px;
clear:both;
top:-40px;

tnx, ik ga morgen zelf ook weer verder uitvogelen en anders zal ik het anders moeten oplossen. Ik ga zeker de laatste 2 suggesties ff uittesten, bedankt iig.

Yeahhhh, ik heb de oplossing ipv het vak naar beneden "te duwen" moet je m juist omhoog duwen
Beetje vaag maar zal het uitleggen:
De div bottom heb ik in het midden buiten de div center geplaatst, dus onder de 3 kolommen maar binnen de div content.
De div left en right heb ik een margin van -90px meegeven waardoor die de div bottom als het ware omhoog duwt. Sorry als jullie het niet snappen, als ik het maar snap. Hopelijk heeft iemand in de toekomst nog eens iets aan deze info.

en nog bedankt voor het meedenken, zonder jullie suggesties was ik hier nooit opgekomen.
en ja dit is een dubbelpost, maar wilde jullie gewoon ff laten weten hoe ik het opgelost heb

mooi dat je het op gelost hebtal snap ik er nog niet veel. maar wat heb je nu aan je div buttom mee gegeven als ik vragen mag?. denk dat ik en men je info iets better begrijpen

Niet echt veel bijzonders hoor en omdat me div bottom 90px hoog is heb ik die div right en left -90px meegeven.

#bottom {width: 590px; height: 90px; margin-left:auto; margin-right:auto;border:1px solid #a1a1a1;}