Link to home
Start Free TrialLog in
Avatar of zabman
zabmanFlag for United States of America

asked on

IE/NETSCAPE/OPERA Woes . . .

Please visit my page using IE and Netscape:  

http://www.uwplatt.edu/~zabloton/

As you can see it looks GREAT in IE, but it turns out rather "uggly" in Netscape!  I'm assuming this is because I am using the IE cell "background"  property and it's probably not supported by Netscape . . . my question is how to get the same "LOOK" that i get in IE in ALL other browsers.  Anyway that I can do that?  Thanks for any help.
Avatar of cabrionet
cabrionet

Netscape does not support background in a cell. You must design a page without usin backgroung in a cell.
NSN does support a cell background, but I think it was only introduced in version 4.0

It's more the layout of your tables which you need to change:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Coming soon</TITLE>
<META content=en-us http-equiv=Content-Language>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
</HEAD>
<BODY BGCOLOR="#000080" LEFTMARGIN="0" TEXT="#ffffff" TOPMARGIN="0">
<CENTER>
<TABLE BGCOLOR="#000080" BORDER="0" CELLPADDING="3" CELLSPACING="0" HEIGHT="100%" WIDTH="100%">
<TR>
<TD>
  <TABLE BORDER="0" CELLPADDING="3" CELLSPACING="0">
  <TR>
  <TD WIDTH="25%" BGCOLOR="#0000A0">&nbsp;</TD>
  <TD height="300" WIDTH="490" BACKGROUND="Coming soon_files/bg.gif" ALIGN="center" VALIGN="center">
    <TABLE BORDER="0" CELLPADDING="3" CELLSPACING="0">
    <TR>
    <TD COLSPAN=2 width="100%"><B><FONT face=Arial size=6>Coming soon . . . </FONT></B></TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD><B><FONT FACE="Arial" SIZE="3">. . . a web page by Neil  Zablotowicz.</FONT></B></TD>
    </TR>
    </TABLE>
  </TD>
  <TD WIDTH="25%">&nbsp;</TD>
  </TR>
  </TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
just change your code and then you will get what you want


<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Coming soon</title>
</head>

<body  bgcolor="000080" topmargin="0" leftmargin="0" text="#FFFFFF">

<div align="center">
  <center>
  <table border="0"  bgcolor="000080" cellpadding="3" cellspacing="0" width="100%" height="100%" >
    <tr>
      <td width="90">&nbsp;</td>
      <td width="300">&nbsp;</td>
      <td >&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="490" height="300" background="bg.gif">
        <div align="center">
          <table border="0" cellpadding="3" cellspacing="0" width="70%" >
            <tr >
              <td width="100%" colspan="2"><b><font face="Arial" size="6">Coming
                soon . . . </font></b></td>
            </tr>
            <tr>
              <td width="10%"></td>
              <td width="75%"><b><font size="3" face="Arial">. . . a web page by
                Neil Zablotowicz.</font></b></td>
            </tr>
          </table>
        </div>
      </td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td width="490">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>


further queries
suresh kumar
Avatar of zabman

ASKER

Sureshkumar & Garrethg --

Thanks for the attempt Sureshkumar, but your version has basically the same troubles in Netscape as mine.  The curve graphic (bg.gif) gets all "chewed" up by the tables and cells in Netscape.  Garrethg on the other hand appears to have solved my problem.  If you could please Post your comment as an answer and give a short comment as to what you did that made it work! (i.e. What exactly was wrong with mine?) ;-)

thanks again to both of you!
It's just that the cell containing the background wasn't at the right size in Navigator. Both browsers are idosyncratic in the way the handle tables. Navigator in particular isn't to happy with relative(%) dimensions.
The less actual cells you are working with the easier it is to get it to look the same on both browsers, so I reduced it to a series on nested tables only introducing multiple cells at the point where cell size was no longer critical (the last table).

Also sometimes the simplest thing to do when your having trouble with tables is to give every cell involved an explict dimension (pixel values) which may not be rubber band, like percentage values, but it works all the time.
ASKER CERTIFIED SOLUTION
Avatar of garrethg
garrethg

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of zabman

ASKER

Thanks :-)
can you tell me what is the problem with  my version. what is netscape version  i am not getting any errors.

please come back

suresh kumar
Avatar of zabman

ASKER

Sureshkumar--

Your HTML code that you sent me works fine when viewing it with Internet Explorer, however, when viewing your version of the HTML in Netcape Navigator (v4.08), your HTML had the same display troubles as mine.  The graphic (bg.gif) does not display correctly on the table.  Rather than 1 graphic showing up, the graphic is tiled across the table creating a rather "ugly" look.

Hope this answered your question.  If not, let me know.

--Neil Z. :-)