asked on

Input Controls Disappear in Netscape

I have created a page that runs fine in IE, though not in Netscape. Netscape does not render any of the input controls. Any thoughts...

********************************
<HTML>

<HEAD>
<TITLE>Wisconsin Immunization Registry .. [Client Entry]</TITLE>
</HEAD>

<BODY bgcolor=#ffffff link=#1841b5 vlink=#958765>

<FORM>

<div id=TOPbox>
<table cellpadding=0 cellspacing=0 border=0 width=550>
<tr><td bgcolor=#000000 width=550><SPACER type="block" width="550" height="1"></td></tr>
</table>
<table cellpadding=0 cellspacing=0 border=0 width=550>
<tr><td bgcolor=#000000 height=16 width=1><SPACER type="block" width="1" height="16"></td>
<td bgcolor=#8c8a73 height=16 width=548><SPACER type="block" width="548" height="16"></td>
<td bgcolor=#000000 height=16 width=1><SPACER type="block" width="1" height="16"></td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 border=0 width=550>
<tr><td bgcolor=#000000 width=550><SPACER type="block" width="550" height="1"></td></tr>
</table>
<table cellpadding=0 cellspacing=0 border=0 width=550>
<tr><td bgcolor=#000000 height=225 width=1><SPACER type="block" width="1" height="225"></td>
<td bgcolor=#ecece4 height=225 width=548><SPACER type="block" width="548" height="225"></td>
<td bgcolor=#000000 height=225 width=1><SPACER type="block" width="1" height="225"></td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 border=0 width=550>
<tr><td bgcolor=#000000 width=550><SPACER type="block" width="550" height="1"></td></tr>
</table>
</div>

<DIV id=TOPlabel><FONT class="TOPname">Personal Information</FONT></DIV>

<LAYER id="TopLayer" left=10 top=1 z-index=1 visibility=show>
<DIV id=TOPdata>
<TABLE width="100%" border=0>
<TR>
<TD>
       <TABLE align=left width=550 border=0 cellspacing=0>
       <TR>
              <TD valign="top">
                   <TABLE border=0 cellPadding=1 cellSpacing=1 width="100%">
                   <TR>
                   <TD width="23%" class="RequiredField" style="TEXT-ALIGN: right;">Last Name</TD>
                          <TD width="25%"><INPUT tabIndex=1 maxLength=35 name=txtLastName size=15 style="HEIGHT: 22px; WIDTH: 170px"></TD>
                          <TD width="20%" class="OptionalField" style="TEXT-ALIGN: right;">Chart #</TD>
                          <TD><INPUT tabIndex=9 maxLength=20 name=txtChartNumber style="HEIGHT: 22px; WIDTH: 150px"></TD>
                   </TR>
                   <TR>
                            <TD class=RequiredField style="TEXT-ALIGN: right;">First Name</TD>
                          <TD><INPUT tabIndex=2 maxLength=25 name=txtFirstName size=15 style="HEIGHT: 22px; WIDTH: 170px"></TD>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">SSN</TD>
                          <TD><INPUT tabIndex=10 maxLength=3 name=txtSSN size=3> -
                          <INPUT tabIndex=11 maxLength=2 name=txtSSN size=2> -
                          <INPUT tabIndex=12 maxLength=4 name=txtSSN size=3>
                          </TD>
                   </TR>
                   <TR>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Middle Name</TD>
                          <TD><INPUT tabIndex=3 maxLength=25 name=txtMiddleName size=15 style="HEIGHT: 22px; WIDTH: 170px"></TD>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Tracking Schedule</TD>
                          <TD><SELECT tabIndex=13 name=txtTrackingSchedule style="HEIGHT: 22px; WIDTH: 150px">
                          <OPTION selected value=1></OPTION>
                          </SELECT>
                          </TD>
                   </TR>
                   <TR>
                          <TD class=RequiredField style="TEXT-ALIGN: right;">Mothers Maiden Last</TD>
                          <TD><INPUT tabIndex=4 maxLength=35 name=txtMaidenLastName style="HEIGHT: 22px; WIDTH: 170px"></TD>
                          <TD class=RequiredField style="TEXT-ALIGN: right;">Birth Date</TD>
                          <TD><INPUT tabIndex=14 maxLength=25 name=txtBirthDate size=15 style="HEIGHT: 22px; WIDTH: 100px" value=""> 
                          
                          </TD>
                   </TR>
                   <TR>
                        <TD class=RequiredField style="TEXT-ALIGN: right;">Mothers First Name</TD>
                          <TD><INPUT tabIndex=5 maxLength=25 name=txtMothersFirstName style="HEIGHT: 22px; WIDTH: 170px"></TD>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Gender</TD>
                          <TD class=OptionalField style="TEXT-ALIGN: left;"><INPUT tabIndex=15 name=optGender type=radio value=M>M
                          <INPUT tabIndex=-1 name=optGender type=radio value=F>F
                          <INPUT tabIndex=-1 name=optGender type=radio value=U>Unknown
                          </TD>
                   </TR>
                   <TR>
              <TD class=OptionalField style="TEXT-ALIGN: right;">County</TD>
                          <TD><SELECT tabIndex=6 name=cboCounty size=1 style="HEIGHT: 22px; WIDTH: 170px">
                          <OPTION selected value=""></OPTION>
                          </SELECT>
                          </TD>
                   <TD class=OptionalField style="TEXT-ALIGN: right;">Ethnicity</TD>
                          <TD><SELECT tabIndex=16 name=cboEthnicity size=1 style="HEIGHT: 22px; WIDTH: 150px">
                          <OPTION selected value=""></OPTION>
                          </SELECT>
                          </TD>
                   </TR>
                   <TR>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Graduation Date</TD>
                          <TD><INPUT tabIndex=7 maxLength=25 name=txtGraduationDate size=15 style="HEIGHT: 22px; WIDTH: 100px" value=""> 
                          
                          </TD>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Race</TD>
                          <TD><SELECT tabIndex=17 name=cboRace size=1 style="HEIGHT: 22px; WIDTH: 150px">
                          <OPTION selected value=""></OPTION>
                          </SELECT>
                          </TD>
                   </TR>
                   <TR>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Active</TD>
                          <TD><input tabIndex=8 type=checkbox name=chkActive checked=true></TD>
                          <TD class=OptionalField style="TEXT-ALIGN: right;">Deceased</TD>
                          <TD><input tabIndex=18 type=checkbox name=chkDeceased></TD>
                   </TR>
                   </TABLE>
              </TD>
              </TR>
       </TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</LAYER>

<LAYER id=FORMcommands left=570 top=10 visibility=show z-index=1>
<DIV id=FORMcommands>
<INPUT name=cmdSaveForm tabIndex=-1 style="HEIGHT: 24px; WIDTH: 64px" type=button value="Save">
</DIV>
</LAYER>

</FORM>
</BODY>
</HTML>

<STYLE>
TR.EvenRow                  { background-color: #dedfdf;}
TR.OddRow                  { background-color: #f7f7f7;}
TD.GridHeading { BORDER-BOTTOM: midnightblue solid 1px;
BORDER-LEFT: lightskyblue solid 1px;
BORDER-RIGHT: midnightblue solid 1px;
BORDER-TOP: lightskyblue solid 1px;
background-color: #2D6DCE;
color: white;
FONT-SIZE: 10pt;
FONT-FAMILY: Arial }

#TOPbox
{
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 10px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 10px;
WIDTH: 309px;
}
#TOPlabel
{
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 15px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 12px;
WIDTH: 285px
}
.TOPname
{
COLOR: #ffffff;
FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold
}
#TOPdata
{
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 2px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 31px;
VISIBILITY: visible;
WIDTH: 640px
}
#BOTTOMbox
{
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 10px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 257px;
WIDTH: 640px
}
#BOTTOMdataone
{
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 15px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 270px;
VISIBILITY: visible;
WIDTH: 640px
}
#BOTTOMdatatwo { BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 15px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 280px;
VISIBILITY: hidden;
WIDTH: 610px }
#FORMcommands { BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
LEFT: 570px;
MARGIN: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 10px;
VISIBILITY: visible;
WIDTH: 60px }
TD.OptionalField { COLOR: black;
FONT-SIZE: 8pt;
FONT-FAMILY: Arial }
TD.RequiredField { COLOR: blue;
FONT-SIZE: 8pt;
FONT-FAMILY: Arial }
#BOTTOMtaboneC {visibility: visible;padding: 0px; border-width: 0px; border-style: none; margin: 0px; position: absolute; top: 258px; left: 11px;width: 25px;}
#BOTTOMtaboneH {visibility: visible;padding: 0px; border-width: 0px; border-style: none; margin: 0px; position: absolute; top: 258px; left: 11px;width: 25px;}
#BOTTOMtabtwoC {visibility: visible;padding: 0px; border-width: 0px; border-style: none; margin: 0px; position: absolute; top: 258px; left: 35px;width: 26px;}
#BOTTOMtabtwoH {visibility: hidden;padding: 0px; border-width: 0px; border-style: none; margin: 0px; position: absolute; top: 258px; left: 35px;width: 26px;}

</STYLE>

xabi

You must put the tag <form> and </form> inside the <layer> tag

this way:

..
..
<LAYER id="TopLayer" left=10 top=1 z-index=1 visibility=show>
<form>
<DIV id=TOPdata>
..
..

and at the end this way:

..
..
</TABLE>
</DIV>
</FORM>
</LAYER>
<LAYER id=FORMcommands left=570 top=10 visibility=show z-index=1>
..
..

xabi

PS: Now you must adjust the layers and styles to see it perfectly under NS

dfhaines

ASKER

xabi,

I moved the form tag within the layer tage and the input controls still not show in Netscape.

Any thoughts...

David

ASKER CERTIFIED SOLUTION

xabi

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

xabi

Sorry, Netscape 4.7

xabi

dfhaines

ASKER

xabi,

Before I accept your answer, the input controls appear as they should, though the Save button does not show.

Any thoughts... Does it also need to be inside the Form tag? I tried that though it doesn't appear.

David

xabi

SOrry bu tnobody will get this points. Input controls in Netscape can't be modifieded as in Explorer, So you will never see it in the same way.

xabi