Archief - CSS: Positionerings probleem

Hoi iedereen,

Ik ben mijn persoonlijke website volledig aan het herconstructueren. Deze keer wil ik alles met CSS-Positioning maken. De meeste dingen met CSS-P lukken goed met het toepassen van enkele CSS hacks, echter ik zit nog met één groot probleem.

URL: http://www.sweepee.be

Hier zie je een linkerdeel (#left) voor het menu enzo en een rechterdeel (#content) voor de inhoud. Hier heb ik nog één div tag rond gezet (#container) zodat ik er één volledig blok van kan maken, je kan goed zien waar #container zich juist bevind, want ik heb de border ingesteld op geel op deze moment. Nu komt hetgeen wat ik wil oplossen:

Zoals je al kunt raden is het dus de bedoeling dat #left en #content BINNEN #container zitten en niet zoals het nu is. Bovendien moet de hoogte van #left en #container altijd gelijk zijn, en altijd binnen #container blijven. Aangezien de pagina later nog dynamisch wordt met PHP enzo, is dat laatste wel erg belangrijk.

Ik ga hier even de belangrijkste instellingen geven voor deze drie div's:

#container ---> position: relative
#left ---> position: absolute
#content ---> position: absolute

Ik heb al verschillende dingen geprobeerd met CSS, maar niets lukt ad:.

Iemand tips of oplossingen?

Hartelijk bedankt voor alle reacties!!!

voor uwe left, geen position: absolute gebruiken, is in deze context helemaal nie nodig. Een container neemt als standaard 0px left 0px top van zijn parent element (dus waar em instaat) en die absolute zorgt ervoor dat ie er gewoon over verschijnt. en enkel de positie neemt van zen parent element, ma uwe parent zal hem ni aanpassen naar uwe child op deze manier.

Clearen van floats, een veel gestelde vraag.

http://www.positioniseverything.net/easyclearing.html