css - IE shows my image only 1 pixel high -


please check out example, first in ff, chrome or safari:

[demo link removed]

you notice large image. scale resize window. fluid image inside fluid container. check in ie8 or ie7. 1 pixel high :(

i suspecting ie requires sort of width fix give base dimension, playing around giving image min-height of 75%, or min-width of 75% in case concerns portrait image. indeed gives height needed, however, breaks resize feature. min-height of 75%, resize window narrow width see mean, lose aspect ration of image.

why oh why can't ie respect these liquid widths , heights?

ps: thinking haslayout fixes, removed ie8 , doesn't seem work in earlier versions specific case either.

simply removing entire height attribute on image fixes in ie, firefox, chrome.


Comments

Popular posts from this blog

javascript - Enclosure Memory Copies -

php - Replacing tags in braces, even nested tags, with regex -