hi,
i’m building a CSS layout that’s relatively simple in that it’s MEANT to be quite geometric… the box model really suits it.
however, i’m getting a strange result i don’t understand.
I have an overall container of 750px width.
then i have (within that) a nav container thats floated left, 150px width, 650px high.
However, the nav container has a number of 150px squares inside it (created with divs) and i expected that after 650px down they’d not be visible (because of the nav container) but they just keep going.
here’s some code…
#stucontainer{
width:750px;
margin:0px auto;
text-align:center;
background-color:#a7cceb;
}
#stunavigation{
text-align:right;
margin:0px auto;
width:150x;
height:650px;
background-color:#fff;
}
and so within stunavigation, the stuff itsn’t being contained properly, it’s like the squares aren’t actually inside the nav div (but they definitely are). The outside container works…
oh and i might as well ask this side note while i’m here… if i changed the #stunavigation height to, lets say, 80%, it doesn’t do it. any obvious reason why?
if you can sort through all that, i’m muchly in your debt.
- stu
