differences in Browsers

[erikanorris]

I am creating a website with a table in it. I created on a Mac with Safari, then I modified it so that it comes through in both safari and Firefox(Mac and PC)...however, I am still having problems with it coming trough in IE (on PC)...

What can I do to make it work properly in IE (I am currently using IE7...)

Let me know...this is driving me insane! :eek:

[TJ111]

Show us the source code and the CSS affecting the table. There's a million issues with IE, and IE 6 is even worse.

[erikanorris]

My problem in IE, is that there is what looks like a white border/spacing/padding on the top and botton of first and last row (which which are images...and border across the whole table).

The CSS is just a box (absolute; top; and left;)...

The html:

<div id="contentBox">
<table border="0" width="738" height="245" cellpadding="0" cellspacing="0">
<tr height="11">
<td colspan="3" valign="bottom" align="center"><img src="images/contentBox_side_03.gif" width="738" border="0" /> </td>
</tr>
<tr>
<td valign="top" align="left" width="17"><img src="images/contentBox_side_05.gif" />
</td>
<td width="700">Information about Tear It Up!- coming soon.
</td>
<td valign="top" align="right" width="22"><img src="images/contentBox_side_07.gif" />
</td>
</tr>
<tr height="12">
<td colspan="3" valign="bottom" align="left"><img src="images/contentBox_side_08.gif" width="738"/>
</td>
</tr>
</table>
</div>

[ray326]

Try td img { display:block } and see if that helps.

[erikanorris]

How would I incorporate this into the coding? Could you give an example?

[TJ111]

In your CSS file


td img {
display:block;
}

[erikanorris]

That worked! Thanks so much!