www.webdeveloper.com
Results 1 to 5 of 5

Thread: footer image out of position in IE8

  1. #1
    Join Date
    Sep 2006
    Posts
    79

    footer image out of position in IE8

    Hi,

    Please see URL: http://caspca.org/wordpress/

    There is a curved image at the base of the footer, coded:

    Code:
    #bottom {
        background: url("images/FooterBkgrnd.png") repeat scroll 0 0 transparent;
        height: 38px;
        margin: 0 auto;
        padding: 0;
        width: 1000px;
    }
    It displays correctly in IE9 and every other browser, but goes way off to the right in IE8. Can anyone give me a fix for this?

    Thank you.

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,111
    Not sure if this matters, but the order of your background CSS shorthand is off.

    Try:

    Code:
    background: transparent url('images/FooterBkgrnd.png') no-repeat 0 0 scroll;
    I also added no-repeat. Not sure why you'd want it to repeat.
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

  3. #3
    Join Date
    Sep 2006
    Posts
    79
    cb,

    Sorry, I should have copied directly from the CSS, you're right, I want no repeat:

    Code:
    #bottom {	
    background:url(images/FooterBkgrnd.png) top center no-repeat;
    width: 1000px;
    height: 38px;
    padding: 0;
    margin: 0 auto;
    	}
    but it still doesn't center.

  4. #4
    Join Date
    Mar 2011
    Posts
    1,136
    You might try running the page through the W3C validator. When I did, it spotted a couple of stray <div> or </div> tags, which could be why IE8 is having problems rendering the page. I don't envy you having to unwind a Wordpress theme, though. Good luck!
    Rick Trethewey
    Rainbo Design

  5. #5
    Join Date
    Sep 2006
    Posts
    79
    rtre,

    you're exactly right. <div class="right"> was missing a closing tag (duh). : )

    Thank you guys!

    John

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles