Footer image cut off

  • #footer {
    background: url(‘images/footer.jpg’) no-repeat top center;
    min-height: 195px;
    width: 100%;
    }

    Above is the selection from my theme’s stylesheet that controls the footer of my blog. The problem I am having is that the background image “footer.jpg” is being cut off. The image should be 1190px wide, however is displaying at 760px.

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

  • Do you have it inside another div that’s only 760px wide?

    Thread Starter Buca

    (@sharfeddin)

    Actually it turned out that there was another bit of CSS that I missed that was keeping the footer at 760px wide. Now that I’ve fixed that the problem is that the image isn’t centering anymore and I haven done anything to the “no-repeat top center”

    Post a link to your site so someone can take a look at your code.

    Thread Starter Buca

    (@sharfeddin)

    https://new.coolmac.org

    If you scroll to the bottom you’ll see that the image footer.jpg controlled by #footer-art in my style sheet is not centered as it should be.

    Thread Starter Buca

    (@sharfeddin)

    I figured out that when I remove the bit of code that tells #page to be 760px wide my footer is fine, only problem is that screws up the rest of my blog. Also if anyone could help me figure out why my footer isn’t showing up when I view it in Firefox I would really appreciate it.

    Thank you Chrisber for your help and thank you to anyone who is still trying to help me resolve this.

    I’m using firefox and your footer image does show up. As long as the footer is contained within the page div, it cannot appear any wider than 760px. If you want it to be wider, you need to wrap the page in a new div that matches the width of the footer image. Center the page within the new wrapper and it should work.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Footer image cut off’ is closed to new replies.