IE6 seems to wrongly interprets IMG width=100% in a TD cell as the width
of the image itself. See the following test file.
test.html:
<!-- this does NOT work! -->
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="102">
<tr>
<td>
<img src="x.jpg" width="100%" height="101">
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
<!-- this works! -->
<div><img src="x.jpg" width="100%" height="101"></td></div>
The IMG in DIV element works fine - it scales well when browser window
resizes, while the one in TD cell does not.
It is very strange that if the width of x.jpg is less than browser
window width, then the picture in TD cell scales to the width of TD cell.
I have tested this page with Firefox and Opera, they all have expected
behavior. I think it's a bug of IE6. Can anyone confirm this?
|