Height issues?

I have nearly finished my first full css layout, there's one issue with height on the left hand navigation, it doesn't like 'Height: 100%;' and there is no other way(I think?) of me making the left nav stretch till it hit's the footer.

http://www.gtainformer.com/xboxsite/

does anyone know how i can do this?

so wear exactly do you want your menu positioned?

I'm assuming it's the grey graphic behind the navigation that you want to come down to the footer.

The best way to do this is probably to have a div that wraps around everything except the footer. You place the graphic on the right-hand side as required with background-repeat: repeat-x;

Some pointers:
In your html you have used the same id more than once. Id's must be unique within the page.

In your css file in the body style you have; font-color: There is no such attribute. It's just color:

I should of gave an image, the positioning is fine right now, see the below image and thanks geoff i'll fix them later, I think i used the news more than once, gotta change it to div class i think

http://gtainformer.com/xboxsite/problem.jpg

Add this to your CSS to get height working a little better. It may not solve your problem, but it's a start

Code: Select all

html, body {
    height: 100%;
}

That will make height: 100%; the height of the browser window no matter how much content there is.