Picture rendering not ok in Internet Explorer

Votes

Undo

Hello there,

I'm having trouble with the image rendering capabilities of Internet Explorer, using the GridGallery Component.

I built a site, using Madison template, for a local interior designer.

The site is more or less a showcase for his portfolio of projects.

The issue is : in internet explorer, the images are not always rendered correctly. Narrow lines are disturbed, and look wobbly.

In Firefox, Chrome, Safari... and don't have the issue.

To make things clear, I've made a screenshot, showing the same picture in Internet Explorer (on the left), and in Firefox (on the right).

Is there anything (CSS?) that can be done about this?

complete site is visible on this link : http://www.irmeersman.be

Thanks in advance for your feedback !

Responses (1)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

Scaling can be tricky as results differ depending on both the browser and the type of image displayed. Your images have a lot of vertical and horizontal lines which will apply some of the problems associated with scaling.

May I suggest the following URL which gives examples of every possible CSS property which will effect rendering of scaled images.... http://www.maxrev.de/html/image-scaling.html

To apply one of these properties to your lightbox, add the following to the Custom CSS field of your templates parameters (edit to taste)...

.fancybox-image {

    -ms-interpolation-mode: bicubic;

}

Ciarán

more than a month ago
Commercial Templates
# 1

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Picture rendering not ok in Internet Explorer

Site Links

Recommended

Join Our Newsletter