Recently found an error, bug or omission within the Internet Explorer rendering engine which I haven’t personally encountered before. The error involves the familiar
<img> element and the use of the
The following <img> element definitions will render as expected within Mozilla and Opera:
<img src="/path/to/image.jpg" />
<img src="/path/to/image.jpg" width="" />
<img src="/path/to/image.jpg" height="" />
<img src="/path/to/image.jpg" width="" height="" />
When a web browser encounters an
img element without
height attributes, the browser is required to render the image in its default aspect ratio. When either of the
height attributes are provided, the browser is required to resize the image when rendered to meet the requested size.
Unfortunately, when Internet Explorer encounters items two, three and four listed above an error occurs where the browser does not render the image at all. Instead of disregarding the
img elements empty
height attributes, it considers the empty value to equate to zero (0) and the image is rendered appropriately.