Tables different in Netscape 4.03and IE 4.0

Can someone tell me why the two simple/small tables I have on page all by themselves are displaying as different widths in these two browsers? I use this page as a side frame and in IE the frame expands because of the larger table and displays a horizontal scroll bar. I don't want it! I realize that the images in each table are different sizes, but there shouls be no space around either image. there IS space around the image "hot2.gif. I'm puzzled. It looks fine in Netscape. Check it out at: http://www.nfld.com/~lloyd
 Here's the code:

<CENTER><TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="92" BGCOLOR="#993366" >
<TR>
<TD>
<CENTER><B><FONT COLOR="#FFFFFF"><FONT SIZE=-1>CLICK HERE</FONT></FONT></B><A HREF="http://hotmail.com" target="_new"><IMG SRC="gifs/hot2.gif" ALT="yourname@hotmail.com" NOSAVE BORDER=0 HEIGHT=69 WIDTH=82></A></CENTER>

<CENTER><B><FONT COLOR="#FFFFFF"><FONT SIZE=-1>for</FONT></FONT></B></CENTER>

<CENTER><B><FONT COLOR="#FFFFFF"><FONT SIZE=-1>FREE EMAIL</FONT></FONT></B></CENTER>
</TD>
</TR>
</TABLE></CENTER>
&nbsp;
<CENTER><TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="92" BGCOLOR="#993366" >
<TR>
<TD>
<CENTER><A HREF="llbookm.htm" target="MAIN"><IMG SRC="gifs/BOOKM.gif" ALT="Links from my personal favorites" NOSAVE BORDER=0 HEIGHT=54 WIDTH=44></A></CENTER>

<CENTER><FONT COLOR="#FFFFFF"><FONT SIZE=-2>Bookmark.htm</FONT></FONT></CENTER>

<CENTER><B><FONT COLOR="#FFFFFF"><FONT SIZE=-1>Click icon for my Personal
Bookmarks</FONT></FONT></B></CENTER>
</TD>
</TR>
</TABLE></CENTER>
LubyAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

sybeCommented:
The best solution to make tables not too wide is using a width-percentage:

<table width=100%......>

AND take care that no images or text force the table to be wider.

Remove the saces around images by removing hard returns in the code for the table cell. A hard return is a space.

so in stead of

<td>
<img src=..>
</td>

put it all on one line:

<td><img src=...></td>

The layout of tables is very tricky, especially because, as you noticed, different browsers display the same code differently. In any case it not a very "logical" thing. Most of the times it is matter of trial and error.


Another thing that helps is some changes in your frameset
make:
<FRAME SRC=side.htm NAME=l_side NORESIZE  SCROLLING=AUTO>

<FRAME SRC=side.htm NAME=l_side NORESIZE  SCROLLING=AUTO MARGINWIDTH=0 MARGINHEIGHT=0>

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.