jdaues
asked on
Vertical Scroll in IE, but not NN
The following html will display the vertical scroll bar, if necessary, in IE, but not in NN.
There is a similar question dealing with a scroll bar not appearing in NN (Title: "ie scroll and not netscape"). It deals with frames and doesn't seem to apply to this situation.
What is the problem?
<html>
<head>
<title>forms</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" topmargin="0" marginwidth="0" marginheight="0" scrolling="yes">
<div id="Layer1" style="position: absolute; width: 470px; height: 435px; z-index: 1; left: 165px; top:
90px">
<table width="389" border="0" cellspacing="0" cellpadding="0" height="148" name="forms">
<form name="form1" >
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
1</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
2</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
3</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
4</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
5</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
6</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
7</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
8</td>
<td height="25" width="59"></td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
9</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
10</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
11</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
12</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
13</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
14</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
15</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
16</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="70" width="391">
<div align="center">
<input type="submit" name="GetForms" value="Get Forms">
<input type="reset" name="Reset" value="Reset">
</div>
</td>
</tr>
</form>
</table>
</div>
<div id="Layer2" style="position:absolute; width:70%; height:55px; z-index:2; left: 165px; top: 600px">
PDF format allows you to view your form electronically on most computers. The freely available
<a href="http://www.adobe.com/prodindex/acrobat/readstep.html">Adobe Acrobat reader</a> is required to view and print PDF files.</div>
</body>
</html>
There is a similar question dealing with a scroll bar not appearing in NN (Title: "ie scroll and not netscape"). It deals with frames and doesn't seem to apply to this situation.
What is the problem?
<html>
<head>
<title>forms</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" topmargin="0" marginwidth="0" marginheight="0" scrolling="yes">
<div id="Layer1" style="position: absolute; width: 470px; height: 435px; z-index: 1; left: 165px; top:
90px">
<table width="389" border="0" cellspacing="0" cellpadding="0" height="148" name="forms">
<form name="form1" >
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
1</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
2</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
3</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
4</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
5</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
6</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
7</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
8</td>
<td height="25" width="59"></td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
9</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
10</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
11</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
12</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
13</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
14</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
15</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="checkbox">
16</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="70" width="391">
<div align="center">
<input type="submit" name="GetForms" value="Get Forms">
<input type="reset" name="Reset" value="Reset">
</div>
</td>
</tr>
</form>
</table>
</div>
<div id="Layer2" style="position:absolute; width:70%; height:55px; z-index:2; left: 165px; top: 600px">
PDF format allows you to view your form electronically on most computers. The freely available
<a href="http://www.adobe.com/prodindex/acrobat/readstep.html">Adobe Acrobat reader</a> is required to view and print PDF files.</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I apologize there is a typo in the code:
#main (position:absolute; left:0; top:0}
The starting opening parenth needs to be change to an opening bracket!
that will fix the positioning!
OOps!
#main (position:absolute; left:0; top:0}
The starting opening parenth needs to be change to an opening bracket!
that will fix the positioning!
OOps!
ASKER
doh!
ASKER
in this line:
#main1 {position:absolute; width:500; left:200; top:0}
it seems to ignore "left:200". main1 appears left justified. what's wrong here?
(here is the code:)
<html>
<head>
<title>forms</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#main (position:absolute; left:0; top:0}
#main1 {position:absolute; width:500; left:200; top:0}
#main2 {position:absolute; width:500; left:50; top:500}
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" marginwidth="0" marginheight="0">
<DIV ID="main">
<div id="main1">
<form name="form1" >
<table width="389" border="0" cellspacing="0" cellpadding="0" height="148"
name="forms">
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
1</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
2</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
3</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
4</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</a></td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="checkbox">
5</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
6</td>
<td height="25" width="59"><a href="forms//foo.pdf">
</a></td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
7</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
8</td>
<td height="25" width="59"></td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
9</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
10</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
11</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
12</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
13</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
14</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="25" width="391" bgcolor="#CCCCFF">
<input type="checkbox" name="" value="">
15</td>
<td height="25" width="59" bgcolor="#CCCCFF">
</td>
</tr>
<tr>
<td height="25" width="391">
<input type="checkbox" name="" value="">
16</td>
<td height="25" width="59">
</td>
</tr>
<tr>
<td height="70" width="391">
<center>
<input type="submit" name="GetForms" value="Get Forms">
<input type="reset" name="Reset" value="Reset">
</center>
</td>
<td>
</td>
</tr>
</table>
</form>
</div>
<div id="main2">
PDF format allows you to view your form electronically on most computers. The
freely available <a href="http://www.adobe.com/prodindex/acrobat/readstep.html">Adobe
Acrobat reader</a> is required to view and print PDF files. <br><br>
</div>
</div >
</body>
</html>