problems in safari, table won't center...

[eaglesfreak]

I am developing a site and I have found that it displays how I want it to in every browser except safari.
I have one big table with 1 row and 3 cells, the left and right cells are set to 15% width and just set a nice margin for the main content which is contained inside the middle cell inside another table. the width of the center cell is 70%.

the first problem i am having is that safari doesn't seem to have the table widths displayed correctly because the main content in the center cell is pushed to the left in safari.

the second problem i am havin is that the nested table inside the center cell contains an image with the width of 760, I a have the nested table set to a width of 100% of the 70% i have alloted for the middle cell, this makes a nice fluid background for the image for people with larger resolutions. This is working just fine in FF, and IE but just doesn't seem to work in safari.

below is the code i am using and described above.

<table width="100%" bgcolor="#000000">
<tr>
<td width="15%">nbsp;</td>

<td width="70%" bgcolor="#999999">

<table width="100%">

<tr align="center">
<td background="a/pattern_092.jpg">
<img src="a/3dgallery.jpg" />
</td>
</tr>

</table>

</td>

<td width="15%" align="right">&nbsp; </td>
</tr>
</table>

this seems to work just fine in all other browsers, and seems logical and correct to me. What am i doing wrong? Why doesn't safari like me?

 

[suz]

Have you tried writing something in the side columns as a test? I know you have a space in them at the moment but maybe safari doesn't like that or something. This is all I can come up with at the moment, I don't have the browser installed.

 

[eaglesfreak]

thanks suz, that was my original thinking too, but no luck.

maybe some css could make this work? any CSS gurus out there?

thanks a million

 

[suz]

You could always just grab a CSS template like these: http://ideas.nty3.com/css-templates.html
It saves some work.

 

[qadisha]

Trying modifying these two points:

<table width="100%" bgcolor="#000000">
<tr>
<td width="15%">&nbsp;</td>

<td width="70%" bgcolor="#999999">

<table width="100%" align="center">

and take align="center" out of the <tr>

As I can't check on Safari, I don't know if this will do the trick.