Author Topic: Images in Internet Explorer (Read 3320 times)

Deep Toaster · « **on:** May 21, 2011, 07:54:19 pm »

Has anyone noticed how IFE renders images blurry? For one of my web projects I need a repeating background and an image in front of it to line up in a really specific way, but according to IFE the background image is half a pixel smaller than it should be, and as a result, by the time the image gets repeated a few times, it's off by a few crucial pixels. And yes, apparently half a pixel is a valid number

Anybody know of any fixes, sort of like that font-smoothing thing?

DJ Omnimaga · « **Reply #1 on:** May 22, 2011, 12:52:28 am »

Weird, I didn't notice that

Is it when stretching images? I know Opera blurs those by default now.

Deep Toaster · « **Reply #2 on:** May 22, 2011, 12:53:44 am »

Nope, it seems to be overlapping half a pixel vertically

But that's a good point. Maybe IE thinks the container's smaller than it actually is? I'll look into that tomorrow.

DJ Omnimaga · « **Reply #3 on:** May 22, 2011, 12:59:09 am »

Oh weird. I guess that could definitively screw up some page designs X.x

I remember in FF i had a similar issue while designing some forum themes: There was a 1 pixel gap between images forming the gradients and I had to increase the resolution width by 1 pixel to fix it.This happened on non-even widths, I think.

Deep Toaster · « **Reply #4 on:** May 22, 2011, 10:08:16 am »

Well, just checked, and that's definitely not the problem, since there is no container to begin with. I guess IE just sucks $:-\$

TIfanx1999 · « **Reply #5 on:** May 22, 2011, 04:17:01 pm »

I don't know, that's really odd. I haven't used IE in a long time, so I couldn't tell ya.

I hope you're able to find a solution.

Deep Toaster · « **Reply #6 on:** May 22, 2011, 04:21:23 pm »

For other reasons I've given up completely on IE7 and lower, but it still has that bug in 8 $:-\$

DJ Omnimaga · « **Reply #7 on:** May 25, 2011, 03:52:02 am »

What about IE9?

Deep Toaster · « **Reply #8 on:** September 23, 2012, 04:16:21 pm »

Here's the answer: http://css-tricks.com/ie-fix-bicubic-scaling-for-images/

DJ Omnimaga · « **Reply #9 on:** September 23, 2012, 10:34:02 pm »

Nice. DOes it work in every browser though? Is there a way for example to get rid of the blurring without having to change each browsers settings?

Deep Toaster · « **Reply #10 on:** September 24, 2012, 12:29:58 am »

Nope, it's only IE, but as far as I know only IE sucks horribly at rendering images by default.

DJ Omnimaga · « **Reply #11 on:** October 06, 2012, 10:14:02 pm »

Actually there are quick fixes for IE image issues, all available in the links below:

http://www.firefox.com/
http://www.opera.com/
https://www.google.com/intl/en/chrome/

Deep Toaster · « **Reply #12 on:** October 07, 2012, 12:41:16 am »

That's a good idea. Fixes an unimaginable number of other bugs too.

Author Topic: Images in Internet Explorer (Read 3320 times)

Deep Toaster

Images in Internet Explorer

DJ Omnimaga

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer

DJ Omnimaga

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer

TIfanx1999

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer

DJ Omnimaga

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer

DJ Omnimaga

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer

DJ Omnimaga

Re: Images in Internet Explorer

Deep Toaster

Re: Images in Internet Explorer