Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Table Problems with Images in IE - Auto Overspacing

Table Problems with Images in IE - Auto Overspacing

Locked

Views: 936

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
12 Nov 2008, 10:30 AM
#1
mathewchan avatar

mathewchan

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!

13 Nov 2008, 2:30 AM
#2
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,799
Plugin Contributions:
15

Re: Table Problems with Images in IE - Auto Overspacing

If you can ever talk a table into doing a float, you've got it made!:P

A perfect example of why the US has a 508 accessibility law for federal computers (bans the use of tables EXCEPT for tabular data) and Zen is working towards a truly table-free environment.

BTW, for those of you that want to insist that you can make a table float left, can any of your code be as simple as float: left;?