ThemeShaper Forums » Thematic

Header image not showing up in IE7

(12 posts)
  • Started 14 years ago by maevamena
  • Latest reply from amygail
  • This topic is not resolved

  1. maevamena
    Member

    www.describewriting.com

    My header image shows up fine in Firefox but not IE7. I've asked my web host and I've look all over the internet but can find nothing to help. If anyone has ideas, please let me know! Thanks!

    Posted 14 years ago #

  2. amygail
    Member

    You have a mistake in your css that may be a problem

    #branding {padding-top: 20px; padding-bottom: 20px}
#blog-title a {
display:block;
text-indent:-9000px;
height: 114px; /* height of your header, like 180px */
width: 361px; /* width of your header, like 940px */
background-image:url('/wp-content/uploads/2009/09/logoname.jpg');
background-repeat: no-repeat;
top center;

}

    try

    #blog-title a {
display:block;
text-indent:-9000px;
height: 114px; /* height of your header, like 180px */
width: 361px; /* width of your header, like 940px */
background: url('/wp-content/uploads/2009/09/logoname.jpg')no-repeat top center;

}
    Posted 14 years ago #

  3. maevamena
    Member

    amygail

    No change. But good try! I was excited for a minute there. Any other ideas?

    Posted 14 years ago #

  4. amygail
    Member

    I'm not much help (I don't have ie on my computer - so, I don't know what it's doing)

    Could it have anything to do with 'top center' maybe it needs to be 'right top' or something else.
    I'm just shooting in the dark.Hopefully someone else will chime in..

    Posted 14 years ago #

  5. Chris
    Moderator

    Hi,

    could you please change the image to a different one / or to a different format?

    Don't know whats going on. The CSS code works on other blogs without any problem.

    Chris

    Btw.: IE8 has the same problem.

    Posted 14 years ago #

  6. amygail
    Member

    I just looked at the image in photoshop and it looks like it's in CMYK - try changing it to rgb. (ive read that ie has issues with cmyk)

    Posted 14 years ago #

  7. jgandjz
    Member

    Hi maevamena,

    Looking at your code and running a few tests, it looks like the path of the image is not formatted correctly.

    background-image:url('/wp-content/uploads/2009/09/logoname.jpg');

    This path indicates that the image is located inside of the style folder, however this upload folder is located outside of your style/theme folder. This means you either need to replace the address with the full path:

    'http://yourimagepath/wp-content/uploads/2009/09/logoname.jpg'

    or create a folder in your child theme directory named images and place your logoname in that folder, then you can simply add:

    'images/logoname.jpg'

    Finally, a possible change that could be less of a hassel would be to type:

    '../wp-content/uploads/2009/09/logoname.jpg' this may not work, but the '..' basically means that you are moving up a folder to the next one above to look for your specific path. Perhaps go up 2 levels might be the answer, but I am not sure about this, you can try and experiment.

    '../../wp-content/uploads/2009/09/logoname.jpg'

    In any case one of these solutions may resolve your issue.

    Posted 14 years ago #

  8. Chris
    Moderator

    Hi,

    the browser should be able to handle the path information as it is. I did a quick test with the IE Developer Toolbar, entered the full URL and entered the relative path. Nothing changed.

    Chris

    Posted 14 years ago #

  9. Chris
    Moderator

    Btw.: Entered the Google logo adress with the Developer Toolbar and it was displayed.

    Posted 14 years ago #

  10. Chris
    Moderator

    OK .. Google is your friend.

    Thanks a lot, Amy! It is the CMYK thing.

    IE and Chrome have a problem with CMYK encoded JPGs. Make it RGB and it should work.

    Chris

    Posted 14 years ago #

  11. jgandjz
    Member

    Hi Chris,

    Thanks for you input. True, browsers like firefox intuitively detect the path, but for some reason IE7 has an issue here. I have IE7 installed and I've had this issue in the past. I was able to replicate his issue using my images on my local server. Well, perhaps your solution would work fine. From my past experience I was just providing what work for me in this similar situation. I hope either solution works for maevamena.

    Posted 14 years ago #

  12. amygail
    Member

    Amazing what I can learn when I'm avoiding doing my own work!
    I knew that cmyk colors may not display properly on the web - I had no idea that they may not display at all.
    Gotta love ie...

    Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.