Grow your CSS skills. Land your dream job.

Background Color Leaks Into Footer

  • # November 4, 2012 at 7:42 pm

    Hello , I encountered a problem with the website i’m working on and i would appreciate your input.

    My problem is that the body background colour “leaks” on top of the footer at the bottom right corner, if the window size is smaller than the body width. The way the footer is structured is one 1x200px image on repeat-x.
    here is a link to the site. Link

    Thank you all in advance!

    # November 4, 2012 at 8:37 pm

    when the wrapper is smaller than the container (with a fixed width) the footer also becomes smaller while the container is overflowing. There are two different fixes. One is to remove the footer from the wrapper – this will allow it to be full body width regardless of wrapper size (you’d need to remove the 100% width as well). The other is to place a min-width on the wrapper equal to that of the container (1004px).

    # November 4, 2012 at 8:40 pm

    The issue with your background color is simply that you have the footer width set to 100%. So when you have a smaller window then resize it, the background color appears…

    You could add a min-width of 1004px…

    # November 4, 2012 at 8:41 pm

    Mkay, ahahha beat me to it while i was typing.

    # November 5, 2012 at 6:55 am

    Thanks a lot guys!
    I am kind of a noob at web design, and a beginner’s Dreamweaver tutorial does not teach you everything :P

    # November 5, 2012 at 11:15 am

    That’s why we are here!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".