[CSS] Content-DIV loopt door Footer-DIV heen

[ekkoper]

Hallo,

Een een CMS dat ik maak, ondervind ik een probleem.
Ik heb van een website een oplossing gevonden om de website altijd schermvullend te krijgen (met een header bovenaan en een footer onderaan). Nu heb ik echter 2 DIVs toegevoegd binnen de Content-DIV, en nu is ontstaat datzelfde probleem weer.
Heeft iemand een idee hoe dit op te lossen is?

[Voorbeeld verwijderd]

Alvast bedankt!
Ekkoper

[ Voor 7% gewijzigd door ekkoper op 23-08-2009 16:18 ]

[Yoki1985]

in de css van je content div een hoogte aangeven en dan ook een overflow:auto;

[Hardfreak]

Heb 'k ook al een paar keer voorgehad.
'k Loste dit dacht ik op door na die 2 DIVs een DIV te zetten met clear:both

Dus:

code:

<div id="link"></div>
<div id="rechts"></div>
<div style="clear: both">&nbsp;</div>
<div id="footer"></div>

Als 'k mij niet vergis

[Yoki1985]

ja maar dan gaat die onderste balk niet meer in beeld blijven.
Deze gaat dan onder je content div staan.

Het is maar wat je wilt natuurlijk

[Suaver]

Je moet je elementen gaan floaten.

[ekkoper]

Bedankt
Helaas hebben al deze tips nog niets uitgehaald.
Als ik de content-div op overflow:auto (inc height) zet, verdwijnen de 2 divs die erin zitten.

Float lijkt ook niet te helpen

Iemand nog een ander leuk idee?

[Tomfish]

Footer op relative met als top 0px? ( wellicht dat bottom ook werkt )

[ Voor 32% gewijzigd door Tomfish op 26-06-2009 17:50 ]

[Hardfreak]

Mja, als je persé schermvullend wil hebben kan je niet anders hebben dan dat je 2 DIVS verdwijnen en dat je een scrollbar krijgt.

[mithras]

Ik krijg een 404 als ik je voorbeeld probeer te zoeken. Kan je de testcase weer online plaatsen? Een probleem dat elementen over elkaar heen vallen heeft vaak te maken met een van de twee dingen: je gebruikt absolute positie of je laat elementen floaten.

Wat betreft de eerste: probeer het te voorkomen. Wat betreft de tweede: een correcte overflow op het parent element toepassen verhelpt vaak het probleem. Een clear: both op een extra element zetten kan ook, maar dit is een minder goede oplossing omdat je (semantisch niet noodzakelijke) elementen moet toevoegen om het probleem op te lossen.