View Full Version : CSS layout - footer missing background color.

Apr 15th, 2010, 11:11 PM
Ok, I'm at my wits end with this.

For the past couple of days, I have been working very hard on my portfolio site. I got it mostly done until I went to validate the CSS and the HTML in the W3C validator, and it screwed some stuff up (when I copied the new validated CSS), or I messed something up accidently, and now i've been trying to figure out for what reason the footer background color is missing, and won't show up no matter what I do.

My two .css files are here:


and my now borked site is here:


The top seems to be fine, it's just the footer that's messed up. The footer is supposed to be the same color as the header, and no matter what I do, it won't show up and I don't know what part of the CSS I need to change. The entire layout is made up of css.

Usually i'm pretty good with CSS - but I can't seem to figure out what I broke. I've been ytrying to figure it out since last night.

If anyone can help me, i'd -very- greatly appreciate it. Thanks!

Apr 15th, 2010, 11:19 PM
Hello MissM.,
I don't see where you put a background color on either #footerwrap or #footer.

#footer has this -
#footer {
position : relative;
padding-top : 0px;
padding-left: 30px;
margin: 0 auto;

#footerwrap is not styled in your CSS

Apr 15th, 2010, 11:24 PM
And P. S.: You also forgot to specify a page background color. I, for example, have changed my browser’s default background color in the browser preferences and I’m most likely not the only one in the world (there are people with bad eyesight who change default colors for better contrast or whatever reason they may have).

You should always specify a global background color, even if it’s white, and a text and link color as these are the things people can change most easily in their browser.