IE doesn't support height=auto for images, wha

Question

I have some images with height=auto because sometimes they are different heights whereas they are always the same width. It works in every browser but I.E., is there something similar I can use?

Answer 1

I found that adding min-height:1px solves the issue. Not sure why, but, worked for me.

Answer 2

i've tried all the solutions posted, and the only one that works is

height=100%

Answer 3

In "IE9 compatibility view - IE7 Standard Document mode" leaving off height=auto may not solve the problem. Try adding conditional CSS and in your special css file for IE ("ie.css") add a line that assigns the appropriate min-height to your affected class/element.

for example:

.IE7 .[css element] {min-height: xxxpx;}

Where xxx equals the necessary image height.

Answer 4

Use height: auto together with width: auto and it is going to work in IE. If you specify only one of them, IE gets upset.

height: auto;
width: auto;

Answer 5

For Edge browser you can use max-height, which will also work for other browsers

max-height: 100%;

Answer 6

height: initial; will work instead of using height: auto; in chrome and ie.