1. #1
    horse_99's Avatar
    Registered
    06/01/05
    Location
    not in Kansas anymore
    Posts
    392
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    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 .

    Iemand tips of oplossingen?

    Hartelijk bedankt voor alle reacties!!!
    no votes  

  2. #2
    orez's Avatar
    Registered
    17/07/02
    Location
    Meulebeke
    Posts
    4,346
    iTrader
    7 (89%)
    Mentioned
    0 Post(s)
    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.
    Accent - jobs for people : Junior Marketing Manager / Web & Graphical Design Trends
    DJ orez - HipHop / R&B / Reggaeton / Dancehall / Crunk
    no votes  

  3. #3
    netlash's Avatar
    Registered
    31/05/04
    Location
    Gent
    Posts
    424
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    1/1
    Clearen van floats, een veel gestelde vraag.

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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in