CSS Woes

[emiller]

Hola,

Its been over 3 years since I designed my website, so last night I started re-writing it. This time I figured I would do it all in CSS, but im having problems. It looks as though some of the content is filling passed the pages height, anyone know why?

http://www.ccorpsoft.com/tmp/

It seems as though the height of the inside content isn't 100% of the page, but its a combined height of the header and page size. This is really bugging me and I cant seem to find a reason as to why this is! Any help is appreciated.

Here is the css file: http://www.ccorpsoft.com/tmp/layout.css

Thanks in advance!

[_Aerospace_Eng_]

100% height is just that 100% height of the browser not the whole page. For a browser like Firefox use min-height:100%; you will also need to make the html and body elements in CSS a height of 100%. For IE you can use
* html #container {
height:100%;
}
IE will resize its containing elements to fit its content so it will ignore the 100% height, setting it for IE just ensures that its min-height is 100% since IE doesn't understand min-height in the first place. Your way of centering can be changed. Just change this in your #container CSS
position: absolute;
left: 50%;
margin-left: -317px;
to this
margin:auto

[emiller]

Thanks for the advice! But that didn't seem to fix the problem at all, although the centering is now more minimilistic I still have the same problem. Any other ideas or maybe I'm missing something? Could you provide an example of it in use with my code perhaps?

[_Aerospace_Eng_]

You'll need to make your side bars one image rather two then set the background image to the body and the container and do what I told you, and it should work.