Google Answers: DIV Tags problem in Netscape.

View Question

Q: DIV Tags problem in Netscape. ( No Answer, 4 Comments )

Question

Subject: DIV Tags problem in Netscape.
Category: Computers
Asked by: srsraj-ga
List Price: $10.00

Posted: 22 Aug 2003 15:46 PDT
Expires: 21 Sep 2003 15:46 PDT
Question ID: 247758

I have developed a webpage which has links that correspond to div
tags.When I open up the page in IE, the links show up properly and
works fine , but in Netscape ,I'am not able to see those links.
Here is the source code for the HTML page and the CSS..

***********************************HTML PAGE
START***********************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>This is a test page</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">

<link href="inc/test.css" psx-href="$toolkitcss/dnb.css"
rel="stylesheet" type="text/css">
<script language="JavaScript1.2">
// QueryString

function QueryString(key)
{
	var value = null;
	for (var i=0;i<QueryString.keys.length;i++)
	{
		if (QueryString.keys[i]==key)
		{
			value = QueryString.values[i];
			break;
		}
	}
	return value;
}
QueryString.keys = new Array();
QueryString.values = new Array();

function QueryString_Parse()
{
	var query = window.location.search.substring(1);
	var pairs = query.split("&");

	for (var i=0;i<pairs.length;i++)
	{
		var pos = pairs[i].indexOf('=');
		if (pos >= 0)
		{
			var argname = pairs[i].substring(0,pos);
			var value = pairs[i].substring(pos+1);
			QueryString.keys[QueryString.keys.length] = argname;
			QueryString.values[QueryString.values.length] = value;
		}
	}

}

QueryString_Parse();

function on_load()
{
    if (QueryString("stat_link") == null)
	{
		document.all.div1.style.visibility="visible";
	}
	else
	{
		if (QueryString("stat_link")==1)
		{
			document.all.div1.style.visibility="visible";
		}

		if (QueryString("stat_link")==2)
		{
			document.all.div2.style.visibility="visible";
		}
		if (QueryString("stat_link")==3)
		{
			document.all.div3.style.visibility="visible";
		}
	}
}

</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onload="on_load()" >
<table width="100%" height="75" border="0" cellpadding="0"
cellspacing="0" bgcolor="#ffcc00">
  <tr>
    <td width="137" bgcolor="#ffcc00"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
        <tr>
          <td><IMG height=5
                  src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
          <td><IMG height=5
                  src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif"
                  width=125
				   border=0></td>
          <td><IMG height=5
                  src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
        </tr>
        <tr>
          <td><IMG height=50
                  src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
          <td><div align="center"><A target=_top
                  href="http://www.test.com"><IMG height=50
                  alt=test
                  src="logo_50x50.gif"
psx-src="$toolkitimages/logo_50x50.gif"
                  width=50 border=0  sys_contentid="570"
                  sys_variantid="353"></A></div></td>
          <td><IMG height=50
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td height="5"><IMG height=10
                  alt="Decide"
                  src="tagline_ffcc00_125x10.gif"
psx-src="$toolkitimages/tagline_ffcc00_125x10.gif"
                  width=125 border=0></td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><IMG height=5
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
          <td><IMG height=5
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=125
				   border=0></td>
          <td><IMG height=5
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=5 border=0></td>
        </tr>
      </table></td>
 <td width="20" class="headnav"><IMG height=80
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=24 border=0></td>
    <td class="headnav"><h1 class=headnav>Test Site<br>
        <IMG height=1 src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
      width=419 border=0> </h1></td>
    <td width="125" class="headnav" nowrap > <ul>
        <li class="headnav">
          <div align="left"><a target=_top
                  href="http://www.test.com" class="headnav">Test
Home</a></div>
        <li class="headnav"><a href="#" class="headnav">Contact
          Us</a>
        <li class="headnav"><a href="#"
class="headnav">test.com</a></li>
      </ul></td>
    <td width="75" bgcolor="#000066"><IMG height=75
                  src="images/spacer.gif" 
psx-src="$toolkitimages/spacer.gif"
                  width=75 border=0></td>
  <td width="75" valign="bottom" nowrap >
         <script>
			rand=Math.floor(4*Math.random())
			var headerImage = ["1" , "2", "3" , "4"];
			document.write('<img
src="images/head-image-'+headerImage[rand]+'.jpg" width="107"
height="80" >');
		</script></td>
  </tr>
</table>
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
    <TR class=segmentnav>
      <TD width=150 nowrap class=segmentnav height=20><IMG height=20
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=170
	  border =0  0></TD>
      <TD nowrap class=segmentnav ><A class=segmentnav
href="online.htm?stat_link=1">What it
        is?</A><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif"
      width=160 border=0></TD>
      <TD nowrap class=segmentnav ><A class=segmentnav
href="online.htm?stat_link=2">Tools for Developers</A><IMG height=2
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=170 border=0></TD>
      <TD nowrap class=segmentnav><A class=segmentnav
href="online.htm?stat_link=3">Downloads</a>
        <IMG height=2
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=170 border=0></TD>
      <TD nowrap class=segmentnav><IMG height=2
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=90
border=0></TD>
    </TR>
   </TBODY>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 height="29"
class="sectionable">
<TR>
<td width="100%">
<div id="div1" valign="top" style="visibility:hidden;
position:absolute; left: -6px; top: 102px; width:1018">
        <TABLE width="100%" border=0 cellPadding=0 cellSpacing=0
class="sectiontable">
  <TBODY>
    <TR>
      <TD width="300" nowrap class="sectiontable"><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=52 border=0></TD>
      <TD width="6" nowrap class="sectiontable">&nbsp;</TD>
      <TD align=left nowrap><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=440
      border=0></TD>
      <TD align=left nowrap><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=440
      border=0></TD>
    </TR>
    <TR>
      <TD width="245" nowrap class="sectiontable">
        <div align="right"><IMG height=10
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=152 border=0><IMG height=8
      src="images/Arrow.gif" psx-src="$toolkitimages/Arrow.gif"
width=7 border=0>&nbsp;&nbsp;
                  What it is?</div></TD>
      <TD nowrap class="sectiontable">&nbsp;</TD>
      <TD align=left nowrap><table width="100%" border="0"
cellspacing="0" cellpadding="0">
          <tr>
            <td width="20%" nowrap><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    <td width="7%" nowrap><A class=sectiontable
href="DIT.htm"> What is
                      Test? </a></td>
            <td nowrap>&nbsp;</td>
            <td width="20%" nowrap><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    <td width="7%" nowrap><A class=sectiontable
href="#">Sample Products
                      </a></td>
            <td nowrap>&nbsp;</td>
          </tr>
        </table></TD>
    </TR>
  </TBODY>
</TABLE>
</div>
</td>
<td width="100%">
<div id="div2" valign="top" style="visibility:hidden;
position:absolute; left: -6px; top: 102px; width:1018">
        <table width="100%" border=0 cellpadding=0 cellspacing=0
class="sectiontable">
            <tbody>
              <tr>
                <td width="300" nowrap class="sectiontable"><img
height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=52 border=0></td>
                <td width="6" nowrap class="sectiontable">&nbsp;</td>
                <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
               <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
                <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
                <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
                <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
                <td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
			    border=0></td>
              </tr>
              <tr>
                <td width="298" nowrap class="sectiontable"> <div
align="right"><img height=10
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=152 border=0><img height=8
      src="images/Arrow.gif" psx-src="$toolkitimages/Arrow.gif"
width=7 border=0>&nbsp;&nbsp;
                    Tools For Developers</div></td>
                <td nowrap class="sectiontable">&nbsp;</td>
                <td align=left nowrap><table width="118%" border="0"
cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="2%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="11%" nowrap><a class=sectiontable
href="#">Overview</a></td>
                      <td width="0%" nowrap>&nbsp;</td>
                      <td width="3%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="5%" nowrap><a class=sectiontable
href="#">XML</a></td>
                      <td width="0%" nowrap>&nbsp;</td>
                      <td width="6%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="8%" nowrap><a class=sectiontable
href="#">COM</a></td>
                      <td width="0%" nowrap>&nbsp;</td>
                      <td width="4%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="11%" nowrap><a class=sectiontable
href="#">JAVA</a></td>
                      <td width="0%" nowrap>&nbsp;</td>
                      <td width="3%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="27%" nowrap><a class=sectiontable
href="#">Information</a></td>
                      <td width="0%" nowrap>&nbsp;</td>
                      <td width="2%" nowrap><img height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                      <td width="19%" nowrap><a class=sectiontable
href="#">FAQ's</a></td>
                      <td width="1%" nowrap>&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </tbody>
          </table>
        </div></td>
<td width="100%">
<div id="div3" valign="top" style="visibility:hidden;
position:absolute; left: -6px; top: 102px; width:1018">
        <TABLE width="100%" border=0 cellPadding=0 cellSpacing=0
class="sectiontable">
  <TBODY>
    <TR>
      <TD width="300" nowrap class="sectiontable"><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=52 border=0></TD>
      <TD width="6" nowrap class="sectiontable">&nbsp;</TD>
      <TD align=left nowrap><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=440
      border=0></TD>
      <TD align=left nowrap><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=440
      border=0></TD>
    </TR>
    <TR>
      <TD width="250" nowrap class="sectiontable">
        <div align="right"><IMG height=10
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=152 border=0><IMG height=8
      src="images/Arrow.gif" psx-src="$toolkitimages/Arrow.gif"
width=7 border=0>&nbsp;&nbsp;
                  Downloads</div></TD>
      <TD nowrap class="sectiontable">&nbsp;</TD>
      <TD align=left nowrap><table width="100%" border="0"
cellspacing="0" cellpadding="0">
          <tr>
            <td width="20%" nowrap><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    <td width="7%" nowrap><A class=sectiontable
href="#">Software</a></td>
            <td nowrap>&nbsp;</td>
            <td width="20%" nowrap><IMG height=8
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
            <td width="7%" nowrap><A class=sectiontable
href="#">Documentation</a></td>
            <td nowrap>&nbsp;</td>
          </tr>
        </table></TD>
    </TR>
  </TBODY>
</TABLE>
</div>
</td>
</TR>
</TABLE>
<table width="100%" height="78%" border="0" cellpadding="0"
cellspacing="0">
  <tr>
    <td width="152" valign="top" class="sectiontable"> <table
width="152" border="0" cellpadding="4" cellspacing="1"
bgcolor="#000066" class="linknav">
        <tr valign="top">
          <td><IMG height=1
      src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=152
	  border =0  0></td>
        </tr>
        <tr valign="top">
          <td class="linknav"> <ul class="linknav">
              <li class="linknav"><A class=linknav href="#">Site
Map</a>
              <li class="linknav"><A class=linknav
href="initial.html">Site Search</a></li>
            </ul></td>
        </tr>
        <tr>
          <td> <HR align=center width="75%" SIZE=1></td>
        </tr>
        <tr>
          <td> <ul class="linknav">
              <li class="linknav"><A class=linknav href="#">Search</a>
              <li class="linknav"><A class=linknav href="#">Your
Archive</a>
              <li class="linknav"><A class=linknav
href="#">Standardize
                </a></li>
            </ul></td>
        </tr>
        <tr>
          <td> <HR align=center width="75%" SIZE=1></td>
        </tr>
        <tr>
          <td class="linknav"> <ul class="linknav">
              <li class="linknav"><A class=linknav href="#">FAQs</a>
              <li class="linknav"><A class=linknav href="#">Terms and
Conditions</a></li>
            </ul></td>
        </tr>
      </table></td>

 <td align="left" valign="top"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
         <tr>
           <td><IMG border=0
       height=1 src="images/spacer.gif"
 	  width =300  0></td>
         </tr>

      </table></td>

  </tr>
</table>

</body>
</html>
**********************************END HTML***************************

*************CSS Start************************************************
BODY {
	FONT-SIZE: 12px; BACKGROUND: #ffffff; MARGIN: 0px; COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
TABLE {
	FONT-SIZE: 12px
}
TD {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
OL {
	MARGIN: 10px 50px
}
UL {
	LIST-STYLE-TYPE: square; TEXT-ALIGN: left
}
LI {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 12px; MARGIN: 4px 10px; FONT-FAMILY: Arial, Helvetica,
sans-serif
}
H1 {
	MARGIN: 1px 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2 {
	MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
	MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H4 {
	MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H5 {
	MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H6 {
	MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #000066
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000066
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000066
}
HR {
	WIDTH: 90%; TEXT-ALIGN: center
}
A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399cc; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica,
sans-serif
}
A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica,
sans-serif
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #eeeeee
}
TEXTAREA {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #eeeeee
}
A.segmentnav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.segmentnav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.segmentnav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
A.segmentnav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
TR.segmentnav {
	FONT-SIZE: 10px; BACKGROUND: #cccccc; FONT-FAMILY: Arial, Helvetica,
sans-serif
}
TD.segmentnav {
	BORDER-TOP: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
TEXT-ALIGN: center
}
BODY.linknav {
	FONT-SIZE: 10px; BACKGROUND: #000066; COLOR: #ffffff; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
A.linknav {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
TEXT-ALIGN: center

}
A.linknav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.linknav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
A.linknav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
TD.linknav {
	FONT-SIZE: 10px; BACKGROUND: #000066; FONT-FAMILY: Arial, Helvetica,
sans-serif
}
UL.linknav {
	MARGIN-TOP: 10px; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; COLOR:
#ffcc00; MARGIN-RIGHT: 5px; LIST-STYLE-TYPE: square
}
LI.linknav {
	FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: -15px
}
P.linknav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 5px 10px; COLOR: #ffcc00;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1.linknav {
	MARGIN: 5px; COLOR: #ffffff
}
H3.linknav {
	MARGIN: 5px; COLOR: #ffffff
}
A.headnav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.headnav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.headnav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
A.headnav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
UL.headnav {
	FONT-SIZE: 11px; COLOR: #000066; LINE-HEIGHT: 150%; LIST-STYLE-TYPE:
square
}
LI.headnav {
	MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; MARGIN-LEFT: -15px
}
TD.headnav {
	BACKGROUND: #ffcc00
}
P.headnav {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TABLE.aligntable {
	MARGIN: 5px 25px
}
TABLE.spctable {
	BACKGROUND: #dddddd; MARGIN: 10px 25px; WIDTH: 90%; BORDER-COLLAPSE:
collapse
}
TABLE.spctable50 {
	BACKGROUND: #dddddd; MARGIN: 10px 25px; WIDTH: 50%; BORDER-COLLAPSE:
collapse
}
TR.rowheader {
	BACKGROUND: #ffcc00; COLOR: #000066
}
TR.odd {
	BACKGROUND: #dddddd
}
TR.even {
	BACKGROUND: #cccccc
}
TABLE.sitemap {
	BACKGROUND: #ffffff; MARGIN: 10px 25px; BORDER-COLLAPSE: collapse
}
TR.sitemap {
	FONT-WEIGHT: bold; BACKGROUND: #9ca5c6; COLOR: #000066
}
TABLE.sectiontable {
	BACKGROUND: #9ca5c6; MARGIN: 0px; WIDTH: 100%; BORDER-COLLAPSE:
collapse; TEXT-ALIGN: center
}
TD.sectiontable {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #000066; COLOR:
#ffcc00; TEXT-ALIGN: right
}
A.sectiontable {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sectiontable:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.sectiontable:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
A.sectiontable:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY:
Arial, Helvetica, sans-serif
}
P.popup {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 10px; FONT-FAMILY: Arial,
Helvetica, sans-serif
}
H1.popup {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN: 10px; COLOR: #000066;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
UL.popup {
	LIST-STYLE-TYPE: square; TEXT-ALIGN: left
}
LI.popup {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica,
sans-serif
}

********************************CSS
END************************************

The Problem:

When I open up the page in IE and click on the links in the static bar
located below the TOP NAV( What it is, Tools for
developers,Downloads), The dynamic bar that is below that gets
populated with links properly.
When I open up the same page in Netscape , the dynamic bar doesnt get
populated at all..looks like Netscape doesnt like the DIV tag.Could
any one help me out in handling this ,so that the page gets displayed
in Netscape just the way it does in IE.

Thanks a lot

Clarification of Question by srsraj-ga on 22 Aug 2003 17:22 PDT
Thanks for the reply.I tried using document.getElementById ,but still
I face the same issue, the dynamic bar doesnt show up.

Answer

There is no answer at this time.

Comments

Subject: Re: DIV Tags problem in Netscape.
From: sword_man-ga on 22 Aug 2003 16:20 PDT

Hello there,

Netscape doesn't recognise document.all... as a way to dealing with
objects on the page, it's an internet explorer specific way.
instead try document.getElementById in your script, that'll make it:

////////// Code
function on_load() 
{ 
    if (QueryString("stat_link") == null) 
 { 
  document.getElementById('div1').style.visibility="visible"; 
 } 
 else 
 { 
  if (QueryString("stat_link")==1) 
  { 
  document.getElementById('div1').style.visibility="visible"; 
  } 
 
  if (QueryString("stat_link")==2) 
  { 
  document.getElementById('div2').style.visibility="visible"; 
  } 
  if (QueryString("stat_link")==3) 
  { 
  document.getElementById('div3').style.visibility="visible"; 
  } 
 } 
} 
//////////////////

hope this helps.

Cheers

Subject: Re: DIV Tags problem in Netscape.
From: srsraj-ga on 22 Aug 2003 17:24 PDT

Thanks for the reply.I tried using document.getElementById ,but still
I face the same issue, the dynamic bar doesnt show up.

Subject: Re: DIV Tags problem in Netscape.
From: cwzachary-ga on 23 Aug 2003 15:45 PDT

My assumption is you are trying a version of Netscape below 6.x. 
Through javascript trickery, the following version of your page will
do what you want in both IE and Netscape.  Instead of relying on DIV
tags, which do not work in Netscape 4.7x, this code uses javascript
written comment delimiters to hide parts of the html when the page is
read:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>This is a test page</title> 
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
 
<link href="inc/test.css" psx-href="$toolkitcss/dnb.css"
rel="stylesheet" type="text/css">
<script language="JavaScript1.2"> 
// QueryString 
 
function QueryString(key) 
{ 
 var value = null; 
 for (var i=0;i<QueryString.keys.length;i++) 
 { 
  if (QueryString.keys[i]==key) 
  { 
   value = QueryString.values[i]; 
   break; 
  } 
 } 
 return value; 
} 

QueryString.keys = new Array(); 
QueryString.values = new Array(); 
 
function QueryString_Parse() 
{ 
 var query = window.location.search.substring(1); 
 var pairs = query.split("&"); 
 
 for (var i=0;i<pairs.length;i++) 
 { 
  var pos = pairs[i].indexOf('='); 
  if (pos >= 0) 
  { 
   var argname = pairs[i].substring(0,pos); 
   var value = pairs[i].substring(pos+1); 
   QueryString.keys[QueryString.keys.length] = argname; 
   QueryString.values[QueryString.values.length] = value; 
  } 
 } 
 
} 
 
QueryString_Parse(); 
 
function on_load() 
{ 
/*
	if (QueryString("stat_link") == null) 
	{ 
		document.all.div1.style.visibility="visible"; 
	} 
	else 
	{ 
		if (QueryString("stat_link")==1) 
		{ 
			document.all.div1.style.visibility="visible"; 
	  	} 
 
	  	if (QueryString("stat_link")==2) 
	  	{ 
	   		document.all.div2.style.visibility="visible"; 
	  	} 

	  	if (QueryString("stat_link")==3) 
	  	{ 
	   		document.all.div3.style.visibility="visible"; 
	  	} 
 	} 
*/
} 
 
</script> 
</head> 
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onload="on_load()" >

<table width="100%" height="75" border="0" cellpadding="0"
cellspacing="0" bgcolor="#ffcc00">
	<tr> 
		<td width="137" bgcolor="#ffcc00">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
        		<tr> 
          			<td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
			        <td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=125  border=0></td>
		          	<td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
	        	</tr> 
        		<tr> 
          			<td><IMG height=50 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
		          	<td>
		          		<div align="center">
		          			<A target=_top href="http://www.test.com"><IMG
height=50 alt=test src="logo_50x50.gif"
psx-src="$toolkitimages/logo_50x50.gif" width=50 border=0 
sys_contentid="570" sys_variantid="353"></A>
		          		</div>
		          	</td> 
	          		<td><IMG height=50 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
        		</tr> 
        		<tr> 
          			<td>&nbsp;</td> 
          			<td height="5"><IMG height=10 alt="Decide"
src="tagline_ffcc00_125x10.gif"
psx-src="$toolkitimages/tagline_ffcc00_125x10.gif" width=125
border=0></td>
          			<td>&nbsp;</td> 
        		</tr> 
        		<tr> 
          			<td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
          			<td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=125 border=0></td>
          			<td><IMG height=5 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=5 border=0></td>
        		</tr> 
      		</table>
      	</td> 
 		<td width="20" class="headnav"><IMG height=80
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=24
border=0></td>
    	<td class="headnav"><h1 class=headnav>Test Site<br> <IMG height=1
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=419
border=0> </h1></td>
    	<td width="125" class="headnav" nowrap > 
    		<ul> 
        		<li class="headnav"> 
          			<div align="left"><a target=_top
href="http://www.test.com" class="headnav">Test Home</a></div>
        		<li class="headnav"><a href="#" class="headnav">Contact
Us</a>
        		<li class="headnav"><a href="#"
class="headnav">test.com</a></li>
      		</ul>
      	</td> 
    	<td width="75" bgcolor="#000066"><IMG height=75
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=75
border=0></td>
  		<td width="75" valign="bottom" nowrap > 
        	<script> 
   				rand=Math.floor(4*Math.random()) ;
   				var headerImage = ["1" , "2", "3" , "4"]; 
   				document.write('<img
src="images/head-image-'+headerImage[rand]+'.jpg" width="107"
height="80" >');
  			</script>
  		</td> 
  	</tr> 
</table> 

<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0> 
	<TBODY> 
    	<TR class=segmentnav> 
      		<TD width=150 nowrap class=segmentnav height=20><IMG height=20
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=170
border =0  0></TD>
      		<TD nowrap class=segmentnav ><A class=segmentnav
href="online.htm?stat_link=1">What it is?</A><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=160
border=0></TD>
      		<TD nowrap class=segmentnav ><A class=segmentnav
href="online.htm?stat_link=2">Tools for Developers</A><IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=170
border=0></TD>
      		<TD nowrap class=segmentnav><A class=segmentnav
href="online.htm?stat_link=3">Downloads</a><IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=170
border=0></TD>
      		<TD nowrap class=segmentnav><IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=90
border=0></TD>
    	</TR> 
   	</TBODY> 
</TABLE> 

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 height="29"
class="sectionable">
	<TR> 
		<td width="100%"> 

			<script language="javascript">
				if (QueryString("stat_link") != null && QueryString("stat_link")
!= 1)
					document.writeln("<!"+"--");
			</script>

        		<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0
class="sectiontable">
  					<TBODY> 
    					<TR> 
							<TD width="300" nowrap class="sectiontable"><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=52
border=0></TD>
					      	<TD width="6" nowrap class="sectiontable">&nbsp;</TD> 
					      	<TD align=left nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
border=0></TD>
      						<TD align=left nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
border=0></TD>
    					</TR> 
    					<TR> 
      						<TD width="245" nowrap class="sectiontable"> 
      							<div align="right"><IMG height=10 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=152 border=0><IMG height=8
src="images/Arrow.gif" psx-src="$toolkitimages/Arrow.gif" width=7
border=0>&nbsp;&nbsp;What it is?</div>
      						</TD> 
      						<TD nowrap class="sectiontable">&nbsp;</TD> 
      						<TD align=left nowrap>
      							<table width="100%" border="0" cellspacing="0"
cellpadding="0">
          							<tr> 
            							<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    					<td width="7%" nowrap><A class=sectiontable
href="DIT.htm"> What is Test? </a></td>
            							<td nowrap>&nbsp;</td> 
            							<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    					<td width="7%" nowrap><A class=sectiontable
href="#">Sample Products</a></td>
            							<td nowrap>&nbsp;</td> 
          							</tr> 
        						</table>
        					</TD> 
    					</TR> 
  					</TBODY> 
				</TABLE> 

			<script language="javascript">
				if (QueryString("stat_link") != null && QueryString("stat_link")
!= 1)
					document.writeln("--"+">");
			</script>

<!--	do not remove this comment -->

			<script language="javascript">
				if (QueryString("stat_link") != 2)
					document.writeln("<!"+"--");
			</script>


		        <table width="100%" border=0 cellpadding=0 cellspacing=0
class="sectiontable">
            		<tbody> 
              			<tr> 
                			<td width="300" nowrap class="sectiontable"><img
height=8 src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=52 border=0></td>
                			<td width="6" nowrap
class="sectiontable">&nbsp;</td>
                			<td align=left nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
border=0></td>
               				<td align=left nowrap><img
height=8	src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=440 border=0></td>
                			<td align=left nowrap><img
height=8	src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=440 border=0></td>
                			<td align=left nowrap><img
height=8	src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=440 border=0></td>
                			<td align=left nowrap><img
height=8	src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=440 border=0></td>
                			<td align=left nowrap><img
height=8	src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width=440 border=0></td>
              			</tr> 
              			<tr> 
                			<td width="298" nowrap class="sectiontable"> <div
align="right"><img height=10 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=152 border=0><img height=8
src="images/Arrow.gif" psx-src="$toolkitimages/Arrow.gif" width=7
border=0>&nbsp;&nbsp;Tools For Developers</div></td>
                			<td nowrap class="sectiontable">&nbsp;</td> 
                			<td align=left nowrap>
                				<table width="118%" border="0" cellspacing="0"
cellpadding="0">
                  					<tr> 
                      					<td width="2%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
										<td width="11%" nowrap><a class=sectiontable
href="#">Overview</a></td>
										<td width="0%" nowrap>&nbsp;</td> 
										<td width="3%" nowrap><img height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width="100%" border=0></td>
										<td width="5%" nowrap><a class=sectiontable
href="#">XML</a></td>
										<td width="0%" nowrap>&nbsp;</td> 
										<td width="6%" nowrap><img height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width="100%" border=0></td>
										<td width="8%" nowrap><a class=sectiontable
href="#">COM</a></td>
										<td width="0%" nowrap>&nbsp;</td> 
										<td width="4%" nowrap><img height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width="100%" border=0></td>
										<td width="11%" nowrap><a class=sectiontable
href="#">JAVA</a></td>
										<td width="0%" nowrap>&nbsp;</td> 
										<td width="3%" nowrap><img height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width="100%" border=0></td>
										<td width="27%" nowrap><a class=sectiontable
href="#">Information</a></td>
										<td width="0%" nowrap>&nbsp;</td> 
										<td width="2%" nowrap><img height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width="100%" border=0></td>
										<td width="19%" nowrap><a class=sectiontable
href="#">FAQ's</a></td>
										<td width="1%" nowrap>&nbsp;</td> 
                    				</tr> 
                  				</table>
                  			</td> 
              			</tr> 
            		</tbody> 
          		</table> 

			<script language="javascript">
				if (QueryString("stat_link") != 2)
					document.writeln("--"+">");
			</script>

<!--	do not remove this comment -->

			<script language="javascript">
				if (QueryString("stat_link") != 3)
					document.writeln("<!"+"--");
			</script>

        		<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0
class="sectiontable">
			  		<TBODY> 
    					<TR> 
      						<TD width="300" nowrap class="sectiontable"><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=52
border=0></TD>
							<TD width="6" nowrap class="sectiontable">&nbsp;</TD> 
							<TD align=left nowrap><IMG height=8 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=440 border=0></TD>
      						<TD align=left nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=440
border=0></TD>
    					</TR> 
    					<TR> 
      						<TD width="250" nowrap class="sectiontable"> 
        						<div align="right"><IMG height=10
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif" width=152
border=0><IMG height=8 src="images/Arrow.gif"
psx-src="$toolkitimages/Arrow.gif" width=7
border=0>&nbsp;&nbsp;Downloads</div>
        					</TD> 
      						<TD nowrap class="sectiontable">&nbsp;</TD> 
      						<TD align=left nowrap>
      							<table width="100%" border="0" cellspacing="0"
cellpadding="0">
          							<tr> 
            							<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
                    					<td width="7%" nowrap><A class=sectiontable
href="#">Software</a></td>
            							<td nowrap>&nbsp;</td> 
            							<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/spacer.gif"
width="100%" border=0></td>
            							<td width="7%" nowrap><A class=sectiontable
href="#">Documentation</a></td>
            							<td nowrap>&nbsp;</td> 
          							</tr> 
        						</table>
        					</TD> 
    					</TR> 
  					</TBODY> 
				</TABLE> 

			<script language="javascript">
				if (QueryString("stat_link") != 3)
					document.writeln("--"+">");
			</script>

<!--	do not remove this comment -->
		</td> 
	</TR> 
</TABLE> 

<table width="100%" height="78%" border="0" cellpadding="0"
cellspacing="0">
	<tr> 
    	<td width="152" valign="top" class="sectiontable"> 
    		<table width="152" border="0" cellpadding="4" cellspacing="1"
bgcolor="#000066" class="linknav">
        		<tr valign="top"> 
          			<td><IMG height=1 src="images/spacer.gif"
psx-src="$toolkitimages/spacer.gif" width=152 border =0  0></td>
        		</tr> 
        		<tr valign="top"> 
          			<td class="linknav"> 
          				<ul class="linknav"> 
              				<li class="linknav"><A class=linknav href="#">Site
Map</a>
              				<li class="linknav"><A class=linknav
href="initial.html">Site Search</a></li>
            			</ul>
            		</td> 
        		</tr> 
        		<tr> 
          			<td> <HR align=center width="75%" SIZE=1></td> 
        		</tr> 
        		<tr> 
          			<td> 
          				<ul class="linknav"> 
							<li class="linknav"><A class=linknav href="#">Search</a>
							<li class="linknav"><A class=linknav href="#">Your Archive</a>
              				<li class="linknav"><A class=linknav
href="#">Standardize</a></li>
            			</ul>
            		</td> 
        		</tr> 
        		<tr> 
          			<td> <HR align=center width="75%" SIZE=1></td> 
        		</tr> 
        		<tr> 
          			<td class="linknav"> 
          				<ul class="linknav"> 
              				<li class="linknav"><A class=linknav
href="#">FAQs</a>
              				<li class="linknav"><A class=linknav href="#">Terms
and Conditions</a></li>
            			</ul>
            		</td> 
        		</tr> 
      		</table>
      	</td> 
	 	<td align="left" valign="top">
	 		<table width="100%" border="0" cellspacing="0" cellpadding="0">
        		<tr> 
           			<td><IMG border=0 height=1 src="images/spacer.gif" width
=300  0></td>
         		</tr> 
      		</table>
      	</td> 
	</tr> 
</table> 
 
</body> 
</html>

Subject: Re: DIV Tags problem in Netscape.
From: drtandem-ga on 06 Sep 2003 03:42 PDT

CSS is not supported by all browsers, especially older, yet popular
ones such as Netscape 4.7x.  Although, style sheets are neat, I won't
use them for e-commerce sites.  I don't want to alienate even 5% of my
client's visitors.  You can develop a page that detects the offending
browser version(s) and forward that user to pages that don't use style
sheets.  However, you then must create virtually duplicate content.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.

Search Google Answers for

Google Home - Answers FAQ - Terms of Service - Privacy Policy