IE/NN difference

this html looks good in IE, but not so good in NN
what does NN require?

<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div id="loginInfoDiv" style="position: absolute; left: 228px; top: 211px; width: 240px; height: 77px; z-index: 2">

  <table id="loginInfoTable" border=3 bgcolor="#FFFFFF" cellspacing=3 cellpadding=1 width=242 mm_noconvert="TRUE">
    <tr>
      <td width=100 height=35>
        <p><b><span style="color: rgb(153,102,51);"> &nbsp;User Name:</span></b></p>
      </td>
      <td width=100 height=35>
        <p>
          <form>
            <input id="userIdField" type=TEXT name="userIdField" value="" size=13 maxlength=13>
          </form>
        </p>
      </td>
    </tr>
    <tr>
      <td width=100 height=37>
        <p><b><span style="color: rgb(153,102,51);">&nbsp;Password:</span></b></p>
      </td>
      <td width=100>
        <p>
          <form>
            <input id="passwordField" type=TEXT name="passwordField" value="" size=13 maxlength=13>
          </form>
        </p>
      </td>
    </tr>
  </table>

  </div>
<div id="Layer3" style="position: absolute; left: 457px; top: 411px; width: 252px; height: 80px; z-index: 3">
  <p><a href="forgotPassword.htm" target="_top"><font face="arial, sans-serif" size=2>Forgot
    Your Password?</font></a><br>
    <a href="problemsSigningIn.htm" target="_top"><font face="arial, sans-serif" size=2>Problems
    Signing In?</font></a></p>
  <p>
  <form>
    <input type="radio" name="remember" value="no" checked>
    <font face="arial, sans-serif" size=2>Remember My User Name & Password</font></p>
  </form>
</div>
<div id="Layer4" style="position: absolute; left: 250; top: 524px; width: 200; height: 16px; z-index: 4; line-height: 16px">
  <p align="center"><a href="privacy.htm" target="_top"><font face="arial, sans-serif" size=2><c>      
    Privacy Statement </c></font></a>
</div>

</body>
</html>
jdauesAsked:
Who is Participating?
 
messentaryConnect With a Mentor Commented:
No, keep the div tags, but don't use any styles within them.  The code would be <div>All the table codes</div>
0
 
compmaniaCommented:
0
 
CJ_SCommented:
Netscape crashed!
0
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

 
hagurCommented:
I tried this in Netscape and it crashed too!

I think it must be the stylesheets, I didn't see anything else that could cause this behaviour.



0
 
messentaryCommented:
I'm going to have to place the blame on the styles in the <div> tags.  IE is great at handling styles, however NN is very limited as to the styles it can and/or will support.  It's not the NN is really crashing, it is that once NN gets to a point where is doesn't understand code, it tends to start "giving up"
0
 
burntoutCommented:
the netmechanic.com link worked with my netscape...

What doesn't look so good in netscape?  Sometimes I have problems with table widths not looking the same with IE and NN I usually set the with to a percent to help.  witdh="90%" this is also good if the user has a different resolution then you.
0
 
compmaniaCommented:
No, you give the location of the HTML file at www.netmechanic.com and it tells you what tags to change.
0
 
jdauesAuthor Commented:
i cleaned up the code per the netmechanic suggestions, and it looks like this:

<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div id="loginInfoDiv" style="position: absolute; left: 228px; top: 211px; width: 240px; height: 77px; z-index: 2">

  <table id="loginInfoTable" border=3 bgcolor="#FFFFFF" cellspacing=3 cellpadding=1 width=242 >
    <tr>
      <td width=100 height=35>
        <p><b><span style="color: rgb(153,102,51);"> &nbsp;User Name:</span></b></p>
      </td>
      <td width=100 height=35>
        <p>
          <form>
            <input type=TEXT name="userIdField" size=13 maxlength=13>
          </form>
        </p>
      </td>
    </tr>
    <tr>
      <td width=100 height=37>
        <p><b><span style="color: rgb(153,102,51);">&nbsp;Password:</span></b></p>
      </td>
      <td width=100>
        <p>
          <form>
            <input type=password name="passwordField" size=13 maxlength=13>
          </form>
        </p>
      </td>
    </tr>
  </table>

  </div>
<div id="Layer3" style="position: absolute; left: 457px; top: 411px; width: 252px; height: 80px; z-index: 3">
  <p><a href="forgotPassword.htm" target="_top"><font face="arial, sans-serif" size=2>Forgot
    Your Password?</font></a><br>
    <a href="problemsSigningIn.htm" target="_top"><font face="arial, sans-serif" size=2>Problems
    Signing In?</font></a></p>
  <form>
  <p>
    <input type="radio" name="remember" value="no" checked>
    <font face="arial, sans-serif" size=2>Remember My User Name & Password</font></p>
  </form>
</div>
<div id="Layer4" style="position: absolute; left: 250; top: 524px; width: 200; height: 16px; z-index: 4; line-height: 16px">
  <p align="center"><a href="privacy.htm" target="_top"><font face="arial, sans-serif" size=2>      
    Privacy Statement</font></a>
</div>

</body>
</html>


it still exhibits the same problem, though.
the problem is that in NN the tables are not positioned correctly (they appear left-justified)
0
 
messentaryCommented:
I'm still blaming the style tags in the <div> tags.
0
 
jdauesAuthor Commented:
messentary,
so what to do about the <div> tags?
get rid of them and figure out another way to do it?
0
 
messentaryCommented:
You can just get rid of the styles.  All the absolute positionsing is going to be done with the use of the tables anyways.  Give it a try, (I would but I don't have NN here at work).  It should work.  Most of the problems I have encountered in the past with Netscape and IE was because of the styles.  
0
 
jdauesAuthor Commented:
messentary,
so what to do about the <div> tags?
get rid of them and figure out another way to do it?
0
 
drew_moffatCommented:
In line style sheets are unique to IE only, and will not display on Netscape, unless you declare them globally at the top of the code.

<http://webdeveloper.internet.com/html/html_css_2.html>

Kinda explains the limitations...looks to me as if you don't need the css at all.  Try to define all those elements in the body tag.

Let me know if this helps.

Drew
0
 
nettromCommented:
Communicator 4.7, NT4sp5 crashed.

Since this is the HTML forum, lets pick the code apart.

It's a sad combination of presentational and not-so-presentational markup, probably created by Dreamweaver (I spot the 'mm_').  First rule for making things work is: Make sure your code is good.

1: <body bgcolor="#ffffff"> if you define one of those colors, define them all so they won't clash with user preferences.

2: <p><b><span ... > unecessary, apply the style directly to the paragraph, and add 'font-weight:bold;' so you get the '<b>' in there too.

3: the paragraph and the form is incorrectly nested, should be the other way around (<form><p>).  paragrahps can't contain block level elements (it implies a </p>).  besides, FORM elements aren't allowed inside table cells, so remove one of the forms and wrap the table inside the form.

4: the two FONT elements are redundant.  you're using CSS for other things, so use it for everything.  apply the style attribute to the paragraph, and dump the font properties there. <p style="font-family:Arial,Helvetica,sans-serif;font-size:75%;">

5: what's that C element?

anyway, it's the first table/layer/div that crashes Netscape.  more specifically, the second input field (shouldn't it be of type "password" btw?), once you wrap the paragraph around it Netscape crashes (don't know exactly why).

I'm also curious as to why the div/layer containing the first table has a width of 240px, while the table itself is set to 242 pixels.
0
 
CJ_SCommented:
I just did a few things with the source code you supplied. And the difficulty that it crashed seems to be in the <p> and </p> around the form tags. if you get rid of those netscape won't crash.

Netscape doesn't WANT the style=".." in it's <div>, itm wants it's coordinates in the tag itself like:
left=457 top=... etc etc.

Hope that helped
0
 
jdauesAuthor Commented:
Indeed, it was originally generated in Dreamweaver.  DW puts the style=".." in its div and also creates the <span...>.  I'll play around with the suggestions here and get back...

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.