Grow your CSS skills. Land your dream job.

Foreground cutting off the background…

  • # March 14, 2013 at 2:16 pm

    Hi all,

    I don’t understand this. The foreground on the main page (where the content under the navigation) is emitting a white background over the background I have…yet I don’t have any background going. So it’s cutting the border background off.

    Here’s the link to the background:
    [Link…](http://www.robertallenbaker.com/dzindna/wp-content/themes/dzindna/images/background-topcontent.png “Link”)

    Here’s the web site I’m working on. I don’t understand why it’s doing this.
    [Link…](http://www.robertallenbaker.com/dzindna/ “Link”)

    # March 14, 2013 at 2:22 pm

    add overflow: hidden; to #subcontainer – you haven’t contained the floating children.

    Alternatively, you could add clear: both to #footer, or use the .clearfix method on #subcontainer, or a few other methods…

    # March 14, 2013 at 3:18 pm

    Thank you so very much! That clear:both worked great!

    Wierd how backgrounds don’t always fill in CSS without some overflow code or whatnot.

    # March 14, 2013 at 4:43 pm

    Ah okay, I need to learn more about overflow.

    Thank you again!

    # March 14, 2013 at 4:54 pm

    Not that weird when you understand how floats and absolute positioning work.

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

You must be logged in to reply to this topic.

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