Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 21, 2013 at 10:07 am #23569
    next_thomas

    Hi,

    With IE8, the featured image of a blog post does not show correctly in a blog posts element, they are stretched vertically.

    Layout element 1/2, blog post config : grid style, columns 2, excerpt with read more, 2 posts, no pagitation.

    Looks OK with IE10 and FF.

    How can I solve this ?

    Thanks,

    Thomas

    May 22, 2013 at 1:19 pm #120330
    Devin

    Hi Thomas,

    Can we take a look at the page with the posts live? It is probably a nesting issue and IE8 is having an issue with max width or width but it will help to see it live and inspect the code.

    Regards,

    Devin

    May 23, 2013 at 2:50 pm #120331
    next_thomas

    Hi Devin,

    You can have a look here http://goo.gl/lXbK2

    The 2 articles are on the lower left side.

    Thanks,

    Thomas

    May 24, 2013 at 2:43 am #120332
    Ismael

    Hi,

    Try to add this on your custom.css or Quick CSS

    .slide-image img {
    
height: 100%9
    
max-height: 228px9;
    
}

    Cheers,

    Ismael

    May 24, 2013 at 8:28 am #120333
    next_thomas

    Hi Ismael.Added the code to quick css but I don’t see any difference. Also tried in custom.css but still no luck.

    Any thoughts?

    Thanks,

    Thomas

    May 26, 2013 at 7:54 am #120334
    Dude

    I’d use a conditional: http://www.quirksmode.org/css/condcom.html instead – add following code to header.php (before the closing head tag):

    <!--[if lt IE 9]>
    
<style>
    
.slide-image img {
    
height: 100%;
    
max-height: 228px;
    
}
    
</style>
    
<![endif]-->

    May 29, 2013 at 12:23 pm #120338
    Dude

    Hey!

    I corrected the code – it should work now. Just insert it before the closing head tag.

    Regards,

    Peter

    May 29, 2013 at 3:26 pm #120339
    next_thomas

    Hi Peter,

    All fixed. Thank you!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘IE8 : featured posts image in blog posts element not cropped correctly’ is closed to new replies.