New Zenner
- Join Date:
- Sep 2006
- Posts:
- 21
- Plugin Contributions:
- 0
Table Problems with Images in IE - Auto Overspacing
Strange things happened to tables with images in side. Whenever I insert a new product or a new page with a table and images inside, the table width just goes all the way sideways exceeding the screen resolution.
It just happens in Internet Explorer
Here's the example:
http://www.art-sam.com/shop2/index.php?main_page=product_info&cPath=21&products_id=55

So, the first table looks normal because I specified the width of the image, but if I just specify the height of the image, the result would be one on the second table.
However, if I save the file standalone and open it in IE, everything works.
HTML validation is correct too.
I'm wondering if it's caused by some stylesheet problems but I couldn't find any.
Here's the code: :oops:
<!-- NORMAL ONE -->
<table border="1" width="480">
<tr>
<td width="120">
<p align="center">
<img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
<td width="120">
<p align="center">
<img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
<td width="120">
<p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
<td width="120">
<p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" width="82" height="100"></td>
</tr>
</table>
<br />
<!-- PROBLEMATIC ONE -->
<table border="1" width="480">
<tr>
<td width="120">
<p align="center">
<img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
<td width="120">
<p align="center">
<img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
<td width="120">
<p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
<td width="120">
<p align="center"><img border="0" src="http://www.art-sam.com/example.jpg" height="100"></td>
</tr>
</table>
Has anybody ever had this problem before? Any Ideas?
Thanks!