Problems with footer background

HTML & CSS
1

I am using the 1140 grid by Andy Taylor and am having problems getting my footer background to go all the way to the bottom for smaller view ports. I don’t know if it is because of the copyright info being incorrectly coded. If I do overflow: hidden on the smaller view ports I lose the copyright info completely. What am I doing incorrectly? This is not my best layout but it is what the client wants. I have been using “inspect element” in Chrome but can’t get it right. Please take a look and tell me how to correct this. Thanks.

http://foxdenwebsolutions.com/discriminatingladyjewelry/index.html

2

Hi, cgacfox,

I don’t do grids so please consider the following to be suggestions that deserve cautious testing.

1140.css (line 41)


.container {
    [color=blue]overflow: hidden;[/color]    /* ADD ME */
    padding-left: 20px;
    padding-right: 20px;
}

styles.css (line 213)


.footer {
    background: url("../images/footer_bg.jpg") [color=blue]repeat[/color] scroll 0 0 transparent;  /* CHANGE FROM "repeat-x" */
    color: #FFFFFF;
    [color=red][s]height: 450px;[/s][/color]    /*DELETE ME */ /* A fixed height won't work in an environment that has to extend in a narrow viewpoert to accommodate your copyright */
}

You have some pretty tall margin-tops in the copyright row that could probably be reduced.

Hope this helps.