ThemeShaper Forums » Thematic

Header image not showing up in IE7

(12 posts)
  • Started 4 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 4 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 4 years ago #
  3. maevamena
    Member

    amygail

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

    Posted 4 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 4 years ago #
  5. 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 4 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 4 years ago #
  7. 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 4 years ago #
  8. 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 4 years ago #
  9. Btw.: Entered the Google logo adress with the Developer Toolbar and it was displayed.

    Posted 4 years ago #
  10. 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 4 years ago #
  11. 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 4 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 4 years ago #

RSS feed for this topic

Reply

You must log in to post.