HTML beginner |
|
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 .
Iemand tips of oplossingen?
Hartelijk bedankt voor alle reacties!!!
|