Solved

Tables different in Netscape 4.03and IE 4.0

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Radio button Onclick submit form with validation 5 44
Retrieve values of an HTML form using JQUERY 2 38
Sums of coloumns in html/java 15 64
Basic JavaScript Question 3 38
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

919 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now