Solved

Tables different in Netscape 4.03and IE 4.0

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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

808 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