Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Tables different in Netscape 4.03and IE 4.0

Posted on 1998-08-09
1
Medium Priority
?
137 Views
Last Modified: 2010-04-09
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>
0
Comment
Question by:Luby
1 Comment
 
LVL 28

Accepted Solution

by:
sybe earned 200 total points
ID: 1845142
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question