WordPress.org

Support

Support » How-To and Troubleshooting » footer background image not positioned correctly (only in IE)

footer background image not positioned correctly (only in IE)

  • I am integrating WP into an existing site layout based on header, content and footer divs. All is good in Firefox and Safari, but IE displays the footer background image right after the end of the sidebar column, and not at the end of whatever is longer. Use IE and check out the following page at
    http://parmarthgirls.org/community/archives/1#comments

    Here’s the .css styling for the footer section, along with styling for the two divs (copyright and develepedby) contained inside the footer.

    #footer {
    border: 0;
    border-top: 1px solid #CCC;
    color: #666;
    background: #FFCC66 url(images/bg_footer.jpg) top left no-repeat;
    padding-bottom: 30px;
    text-align: left;
    clear: both;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;}

    /* Footer Styles */

    #copyright {position: relative;
    top: 11px;
    left: 16px;
    width: 550px;
    background: transparent;}

    #developedby {position: relative;
    top: -5px;
    left: 520px;
    width: 197px;
    background: transparent;}

    #copyright p, #developedby p {
    margin: 0;
    padding: 0;
    line-height: 16px;
    }

  • The topic ‘footer background image not positioned correctly (only in IE)’ is closed to new replies.