We help IT Professionals succeed at work.

Page display on Macintosh Performa 6300

jhance
jhance asked
on
I have a user with a Mac Performa 6300 with some older version of Netscape.  When connecting to a web site of my design there is an html page with a small amount of text and an input text field in a form.

While the text is displayed as well as the SUBMIT and RESET buttons, the TEXT input is NOT shown.

The HTML for the control is:

<input type="text" name="USERNAME" size="20" tabindex="1">

Unfortunately, I don't have any control over this user's system and so upgrading to a newer Netscape is not possible.  

Any ideas why this behavior would be happening and what can be done to fix it from the server side?
Comment
Watch Question

Commented:
What version of Netscape is it?

Without wanting to sound insulting, do you definitely have the <form> tags?

It owuld be good if you could post the entire code from the page as it could be something else having an impact.

:o)

Ant
Top Expert 2013

Commented:
Yeah I think we need to see the code. The input is fine, but Netscrap is fussy about proper tag structure especially 4.5 and prior.

Cd&

Commented:
Just out of curiosity have you tried it without the tabindex parameter?

Ant

Author

Commented:
>>What version of Netscape is it?

Like I said, I don't know.  The person using this is a "MAC user".  That should say it all.

>>Without wanting to sound insulting, do you definitely have the <form> tags?

It's a valid question not an insult.  Yes, the FORM tags are present and the page works perfectly on IE4, IE5, IE6, and my copy of Netscape 4.75 under Win98.

>>Just out of curiosity have you tried it without the tabindex parameter?

No, but I'd like to get something more definitive.  Again, the user of this Mac is "Mac-like".


>>Yeah I think we need to see the code

See below....




<html>

<head>
<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>Sign-Up Login</title>
</head>

<body bgcolor="#C0C0C0">

<p align="center"><font color="#000000" size="5"><b>Sign-Up Login</b></font></p>
<p align="center"><font color="#000000" size="2">Please enter your account
username exactly.&nbsp;&nbsp;</font></p>
<p align="center"><font color="#000000" size="2"> If the username includes both upper and lower case
letters, be sure to use them as specified.&nbsp;&nbsp;<br>
 So if your username is
&quot;Smith2345&quot;, please use that instead of &quot;SMITH2345&quot; or
&quot;smith2345&quot;</font></p>
<form method="POST" action="logonuser.asp">

  <div align="center">
    <table border="0" width="100%">
      <tr>
        <td width="50%">
          <p align="right"><b>Username:</b></td>
        <center>
        <td width="50%"><input type="text" name="USERNAME" size="20" tabindex="1"></td>
        </tr>
      </center><center>
      </table>
    </center>
  </div>
  <p align="center"><input type="submit" value="Submit" tabindex="2" name="B1"><input type="reset" value="Reset" name="B2" tabindex="3"></p>
</form>
<hr>
<p align="center"><font size="2">Don't have a username already?&nbsp; <a href="createnew.asp">Click
here to create one</a>.</font></p>

</body>

</html>
Top Expert 2013

Commented:
This is just a stupid shot in the dark, but i have seen a lot of stupid things on Netscrap and Macs:


     </center><center>
     </table>
   </center>
might confuse Netscrap.  Try:


     </center>
     </table>

Which should not change thing for other platforms.

Cd&
Top Expert 2013

Commented:
Oh and there are a couple of P tags not closed.  Netscrap can get real ugly about open tags.

Cd&
I'm thinking it has to do with the DIV tags around the form input fields....especially if it is "some older version" of Netscape....could be that the DIV tag is not supported in that version yet?

So you could try to remove that and instead use <td align="center"> which always works like a charm for me.. :)

Max.
I think my suggestion would be to rewrite the table part to:

<center>
 <table border="0" width="100%">
   <tr>
     <td width="50%" align="right"><b>Username:</b></td>
     <td width="50%"><input type="text" name="USERNAME" size="20" tabindex="1"></td>
   </tr>
 </table>
</center>

That should show without problems..

Max.
Top Expert 2013

Commented:
Close Max, your points, if it is the div... In all Netscrap versions you cannot have elements inside of a div the whole form has to go in the same div or it breaks the form, and you cannot submit it successfully.  

Perhaps on the Mac that also extents to not showing the element.

Cd&

Author

Commented:
What in FrontPage produces the DIV tags?

While I'm fluent in HTML, this page (and the rest of the pages on the site) was done in FP and I'd hate to have to go through and hand edit all the HTML.
Top Expert 2013

Commented:
Oh yeah I just saw the generator.  That explains the tagging.  Front Page has a bias toward IE specific code.  I'm not a Front Page expert, but there are a couple that hang out around the TA, so an answer should be coming.

Cd&
 
Hi all.

#1 - What generates the div in FP is your compatability setting.  Tools-->Page Options-->Compatibility.  If you set it to Netscape or even custom browsers it shoves in a bunch of stuff it thinks NS needs.....and naturally it usually screws it up.

#2 - I've actually seen this problem on mac systems before and the fix was the following:

From your code:
       <td width="50%"><input type="text" name="USERNAME" size="20" tabindex="1"></td>

to this:

       <td width="50%"><p><input type="text" name="USERNAME" size="20" tabindex="1"></p></td>


Try it and see how it goes.
And Cd& is right....lose those redundant <center> tags too.  If you think NS is picky about code, run it on a Mac, it is 10x as picky!
I'm pretty sure the DIV is the problem....ok maybe not because of not being supported...but if you use div inside a form...inside the DIV you need to use the form tags again...So that would make something like this:

<form method="POST" action="logonuser.asp">

 <div align="center">
   <form>
   <table border="0" width="100%">
     <tr>
       <td width="50%">
         <p align="right"><b>Username:</b></td>
       <center>
       <td width="50%"><input type="text" name="USERNAME" size="20" tabindex="1"></td>
       </tr>
     </center><center>
     </table>
   </center>
  </form>
 </div>
 <p align="center"><input type="submit" value="Submit" tabindex="2" name="B1"><input type="reset" value="Reset"
name="B2" tabindex="3"></p>
</form>

But I'm sure you don't want that...so my suggestion still stands...

Max.

Commented:
You can't use a DIV inside a form in Netscape -- it totally screws things up. And on a Mac, it's going to be even worse, especially with an older version of Netscape.

Given the platform (which is old too), I'd suspect it's Netscape 4.0 -- maybe. Might even be older. In which case the DIV tags would cause even more problems.

Author

Commented:
I removed the DIV tags and have asked this "stone age" user to try it again.

If this solves the issue, I'll be back to award thanks and points.  Otherwise, I'll be looking for some more ideas.

BTW, I downloaded Netscape 3.0 from the Netscape web site and tried it on the original page under Win98.  No problems but then I know that NS for Windows and NS for MAC are significantly different.
We'll see what happens then....FINALLY I could log in again.....geez...

Max.

Author

Commented:
The DIV tags seem to have been the culprit....

Thanks loads and I hope EE lasts long enough for you to get these points....
LOL...well...seems like it.. :)

Glad I was able to help you out jhance... :)

Hmm...this should get me another spot up the ranking here... :)

Max.

Explore More ContentExplore courses, solutions, and other research materials related to this topic.