[css] Overflow probleem

[lesleyudw]

Ik heb het volgende probleem. Ik heb een div om de gehele pagina te positioneren. Hierin heb ik 3 andere divjes; 1 voor het menu, 1 voor de content en 1 voor de footer.

Nou zou ik graag de div met de content overflow: auto; mee willen geven, maar dit lukt niet. Als ik dit in mijn css zet werkt het niet. Wat wel werkt is om de overflow: auto; in de div neer te zetten waarmee ik de gehele pagina, maar dan scrollen de menu div en de footer div ook mee en dat ik precies wat ik niet wil.

CSS

code:

div#inner{

text-align : left;
margin : 0 0 0 -500px;
position : absolute;
top : -300px;
left : 50%;
width : 995px;
height : 600px;
background : url(images/bg.jpg);
  
}

div#content {

height : 475 px;
    
}

div#menu {

height : 100 px;

}

div#footer {

height : 25 px;

}

Html

code:

<div id="inner">
    <div id="menu">
    <a href="home.php">Home</a> | <a href="contact.php">Contact</a>
   </div>
   <div id="content">
        Content
   </div>
   <div id="footer">
    Copyright
   </div>
</div>

[Boelie-Boelie]

Met die code lukt het niet om na te bouwen wat je hebt gebouwd, maar geef iig voor overflow:auto ook een width mee.

[lesleyudw]

Boelie-Boelie schreef op donderdag 17 augustus 2006 @ 19:35:
Met die code lukt het niet om na te bouwen wat je hebt gebouwd, maar geef iig voor overflow:auto ook een width mee.

Het lukt helemaal wel Ik heb de fout namelijk al gevonden
Ik heb de bij de width van allemaal een spatie tussen het getal en px gezet en daar gaat het fout. Dus niet 450 px, maar 450px!!!