The scale pictures in IE does not reduce enough and when he does try to reduce only the width.
Image

CommentFileSizeAuthor
#1 responsive_bartik_ie8_image_fix.patch226 bytesmjohnq3
IE8_Ch13_bartick.jpg574.08 KBRendergraf

Comments

mjohnq3’s picture

mjohnq3 commented
Status: Active » Needs review
StatusFileSize
new responsive_bartik_ie8_image_fix.patch226 bytes

Sorry about that. The effect you're seeing is due to an obscure bug in IE8 that occurs when the max-width property for images is set to 100%. The width property of the image element needs to have a value specified, which is best set to auto so that the images are scaled correctly and maintain their original aspect ratio.

The resulting CSS is:

img {
  max-width: 100%;
  height: auto;
  width: auto;
  border: 0;
}

The attached patch will fix the problem.

Rendergraf’s picture

Rendergraf commented

Greetings.

I have also seen that the problem is solved with

width: auto\9; /* ie8 */

The resulting CSS is:

img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* IE8 */
  border: 0;
}

is there any difference?

mjohnq3’s picture

mjohnq3 commented

Both fixes are recommended (based on search results) and both appear to work. I couldn't find any explanation of what the value auto\9 actually does or which might be a better fix.

Rendergraf’s picture

Rendergraf commented
Status: Needs review » Closed (fixed)