View Full Version : CSS Woes

12-03-2005, 07:47 PM

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?


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!

12-03-2005, 09:53 PM
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 {
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


12-03-2005, 11:03 PM
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?

12-04-2005, 06:57 AM
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.