Images not showing up in IE8

7 posts from 4 voices

• Started 1 year ago by elizabethkohl
• Latest reply from Devin
• This topic is resolved

Tags:

• Images

1. 

   elizabethkohl
   Member

   I'm having trouble with images not showing up in IE8. They work fine in Chrome and other browsers.

   Take a look:
   http://www.kohl.dreamhosters.com/

   The funny thing is that if I change IE8 to the compatibility mode for IE7, they show up just fine.

   It looks like IE8 loads the images and then they disappear, but the dimensions are retained.

   Can you tell me how to fix this, please?

   Posted 1 year ago #
2. 

   elizabethkohl
   Member

   I was able to get the image to show if i removed the the link tag around the image:

   Before:

   <a href="http://www.kohl.dreamhosters.com/wordpress/wp-content/uploads/2012/02/jonathan_kohl.jpg"><img title="Jonathan Kohl" src="http://www.kohl.dreamhosters.com/wordpress/wp-content/uploads/2012/02/jonathan_kohl.jpg" alt="" /></a>

   After:

   <img title="Jonathan Kohl" src="http://www.kohl.dreamhosters.com/wordpress/wp-content/uploads/2012/02/jonathan_kohl.jpg" alt="" />

   Passable solution in this case, but it still doesn't solve my other problem. The avatars in the propulsion twitter widget don't show up. I suspect this is the same problem. Something to do with the 'a' and 'img' related css in IE8?

   Posted 1 year ago #
3. 

   Kriesi
   Key Master

   Hey!

   Which images are we talking about? I just checked the site and it seems to work fine for me

   Regards,
   Kriesi

   Posted 1 year ago #
4. 

   elizabethkohl
   Member

   I managed to work around the trouble with the main photo by removing the link around the photo (see my previous comment).

   Specifically, I'm still having trouble with the twitter avatar in the column on the bottom right.

   Posted 1 year ago #
5. 

   Dude
   Dude

   Hey!

   Try to add following code to css/custom.css:
   

   .tweet-thumb img{
       height: auto;
       width: auto;
   }

   Best regards,
   Peter

   Posted 1 year ago #
6. 

   elizabethkohl
   Member

   I think that helped for the twitter icons.

   So, I actually also changed it to the following so it would work with all images on all pages in IE8:

   img {
   height: auto;
   width: auto;
   }

   Essentially, I'm having the same issue as described here http://www.kriesi.at/support/topic/images-and-slide-show-not-displaying-correctly-on-explorer-8 but I didn't like how things display in IE7, which was the recommended fix there. (I'll still have to address display issues in IE7, though.)

   thanks for your help

   Posted 1 year ago #
7. 

   Devin
   Moderator

   Hi elizabethkohl,

   If you have additional fixes that suit your tastes better for IE7, feel free to share them here :)

   IE is a bit of a cumbersome beast and its always a bit of a struggle to get some sites working perfectly with it as I'm sure you know.

   Regards,

   Devin

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.