ThemeShaper Forums » Thematic

Masthead image not rendering in IE

(3 posts)
  • Started 9 years ago by devhel
  • Latest reply from devhel
  • This topic is resolved
  1. I'm calling the masthead image via #branding

    background: transparent url(images/960_rpmh.jpg)no-repeat scroll center top;
    position:relative;
    width: 960px;
    height:300px;
    border-right: 1px solid #1d2327;
    border-left: 1px solid #1d2327;
    z-index:10;

    And its working fine in Safari, FF, and Chrome. However, it is not rendering in IE.

    I did try adding the image to the #blog-title div (technique demo here: http://forums.themeshaper.com/topic/adding-a-header-image) with mixed results: the image rendered, but the alignment between #header and #main broke (the masthead image was rendering about 10px too far to the right.

    This is the url to my project if anyone has any thoughts: http://www.dennisvanhuffel.org/client/rpeterson/

    Thanks!

    Posted 9 years ago #
  2. Hmm, well, looking at the CSS there didn't look like there is anything obviously wrong, but when I look at the page using IE's developer tools, I see all the #branding styles EXCEPT for the background: styles, which suggests that there is something about that style which IE is throwing up.

    There are a couple thoughts:

    1) when I looked at your raw CSS, the url() and the no-repeat are touching (no space between). Try throwing one in and seeing if that fixes it in IE.

    2) if that doesn't work, try splitting each of the background styles into their own separate components and see if that works. Then maybe you can start combining them one at a time and see which one IE spits out when they're all combined. At least that's what I'd try to do first. All the components look valid, so I don't know why this'd be the case, but it's worth a shot.

    Posted 9 years ago #
  3. Fleetadmiralj, I added the space and that worked -- great catch -- thank you very much.

    Posted 9 years ago #

RSS feed for this topic

Reply

You must log in to post.