Solved

Tables different in Netscape 4.03and IE 4.0

Posted on 1998-08-09
1
132 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 50 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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

726 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