Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #212137

    Dear Krisie,

    Images are not responsive or resized properly. as you can see on this page: http://eurbanlabevent.eu/
    The image is overlapping the sidebar. I tried to add css: a img, img {max-width:100% !important;}

    This happens in ie8 and 9!

    How can i fix this?

    Thanks in advance

    Rhodo

    #212152

    Hi Tweekeertwee!

    Please try to use following code – insert it into the quick css field

    
    #top .avia_textblock img, #top .avia_textblock a img{
    max-width:100% !important;
    }
    

    Regards,
    Peter

    #212336

    Thanks Peter but it doesnt work :( Any other solution? And shouldnt this be fixed in the Enfold theme? Because evryone will be having the same issue.

    Thanks again!

    Rhodo

    #212992

    Hey!

    Yes but I didn’t notice the issue on other websites yet and we can’t add fixes to the core without making sure it’s a general issue. However I probably found the problem – please try to insert

    
    .avia-msie .entry-content-wrapper a{ max-width: 100%;  }
    

    into the quick css field. If this doesn’t work try to add an !important tag. I think this code in css/base.css causes the issue

    
    a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
    

    The max-width:none\9 hack is required for IE8 but in our case it also breaks the image link.

    Best regards,
    Peter

    #213195

    Nice that fixed it!

    I understand the IE8 fix but shouldnt we be focussing on the browsers most people use? I think its more acceptable to have bugs in IE8 (2009!) then in IE9.
    http://theie8countdown.com/ 10% worldwide
    http://theie9countdown.com/ 16% worldwide

    Thanks a lot Peter.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Images falling of page Internet Explorer’ is closed to new replies.