[SOLVED] Problem with using a table in IE.

[kyle21]

Hello all.

If you look at this page http://cornerstoneprocessing.com/index. ... =equipment everything displays fine in FF, but in IE the table I used for listing my terminal types is pushed down by IE, it kinda creates a space above the table.  I just can't figure out why??  Is it just because IE sucks or is there actually a way to fix this?

Thanks for any help.

This is the code from the page.

Code: Select all

<p>Equipment types listed here.</p>
<table border="0" width="100%">
<tbody>
<tr>
<td style="background-color:#eeeeee;padding:1.5mm;background: url(images/cms/menu_grade.jpg)  center repeat-x;" colspan="2" width="100%" align="left" valign="top"><span style="color: #01628F;"><strong>LAN Line Terminals</strong></span><br /></td>
</tr>
<tr>
<td style="padding:2.5mm;" width="50%" align="left" valign="top">
<p><a title="Nurit 8400" href="index.php?page=Nurit-8400">Nurit 8400</a><a title="Nurit 8320" href="index.php?page=Nurit-8320"></a></p>
<p><a title="Nurit 8320" href="index.php?page=Nurit-8320">Nurit 8320</a><a title="Nurit 3020" href="index.php?page=Nurit-3020"></a></p>
<p><a title="Nurit 3020" href="index.php?page=Nurit-3020">Nurit 3020</a><br /><br /><a title="Nurit 2085" href="index.php?page=Nurit-2085">Nurit 2085</a><br /><br />FD 100</p>
<p>Eclipse Telecheck</p>
</td>
<td style="padding:2.5mm;" width="50%" align="left" valign="top">
<p><a title="Verifone Vx570" href="index.php?page=Verifone-Vx570">Verifone Vx570</a></p>
<p><a title="Verifone Vx510" href="index.php?page=Verifone-Vx510">Verifone Vx510</a></p>
<p><a title="Omni 3750" href="index.php?page=Omni-3750">Omni 3750</a></p>
<p><a title="Omni 3200" href="index.php?page=Omni-3200">Omni 3200</a></p>
<p><a title="Hypercom T7Plus" href="index.php?page=Hypercom-T7Plus">Hypercom T7Plus</a></p>
</td>
</tr>
<tr>
<td style="padding:1.5mm;background-color:#eeeeee;background: url(images/cms/menu_grade.jpg)  center repeat-x;" colspan="2" width="100%" align="left" valign="top"><span style="color: #01628F;"><strong>Wireless Terminals</strong></span><br /></td>
</tr>
<tr>
<td style="padding:2.5mm;" width="50%" align="left" valign="top">
<p><a title="Nurit 8000" href="index.php?page=Nurit-8000-Wireless">Nurit 8000</a> <a title="Hypercom Blade M4100" href="index.php?page=Hypercom-Blade-M4100"></a></p>
<p><a title="Hypercom Blade M4100" href="index.php?page=Hypercom-Blade-M4100">Hypercom Blade M4100</a></p>
</td>
<td style="padding:2.5mm;" width="50%" align="left" valign="top">
<p><a title="Verifone Vx610" href="index.php?page=Verifone-Vx610">Verifone Vx610</a></p>
</td>
</tr>
<tr>
<td style="padding:1.5mm;background-color:#eeeeee;background: url(images/cms/menu_grade.jpg)  center repeat-x;" colspan="2" width="100%" align="left" valign="top"><span style="color: #01628F;"><strong>Pin Pad's</strong></span><br /></td>
</tr>
<tr>
<td style="padding:2.5mm;" width="50%" align="left" valign="top"><a title="Verifone 1000SE" href="index.php?page=Verifone-1000SE">Verifone 1000SE</a><br /><br />FD 10<br /></td>
<td style="padding:2.5mm;" width="50%" align="left" valign="top">Lipman 222<br /></td>
</tr>
</tbody>
</table>

[RonnyK]

change the total width of the table from 100% to 99% (or even 98% when 99% doesnt work)... As IE calculates differently...

Ronny

[uniqu3]

Indeed i can confirm that there is a problem with the 100% table width.

[kyle21]

Well thanks a lot guys, I never would have tried that.  Working great now!

[amhoffmaster]

I'm having this same issue with the table spacing above in IE. The solution posted here doesn't work for me. Any other ideas?

[amhoffmaster]

I noticed something. When I only insert text into the table and specify it at 98%, it works fine in IE. When I put an image in a cell in the table....it causes the spacing issue. Here'a a link to a a site I have in production: http://www.bethel.nurelm.com/

[Dr.CSS]

I don't see any table on that page...