Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
supersugar webforumsuser@macromedia.com #1
How to manage table scrollbars in Netscape
Hi all,
I am new to designing and would like to have help regarding my problem. I am having table which will have both vscoll and hscroll. I am getting the perfect result in IE and not in Netscape. Anyone who has the perfect coding, please come forward to help me out in this issue.
Here is my coding,
<html>
<head>
<title>Scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<TABLE >
<TR>
<TD>
<!-- TOP-LEFT CORNER -->
<div style="top:0px; left:0px;width:990px;
height:100px;position:absolute; clip:rect( 0px 300px auto 0px); ">
<div id="letftop" style="top:0px; left:0px; height:100px; position:absolute ">
<TABLE bgcolor=green border='1' width=80>
<TR>
<TD>Students</TD>
</TR>
</TABLE>
</div>
</div>
</TD>
<TD>
<!-- RIGHT TOP COLUMN HEADER -->
<div style="top:0px; left:70px;width:300px;
height:100px;position:absolute; clip:rect( 0px 300px auto 0px);
overflow:hidden;">
<div id="HTab" style="top:0px; left:0px; position:absolute ">
<table bgcolor=gray width=500 border="1" >
<tr>
<td style="width:100" nowrap>subject 1</td>
<td style="width:100" nowrap>subject 2</td>
<td style="width:100" nowrap>subject 3</td>
<td style="width:100" nowrap>subject 4</td>
<td style="width:100" nowrap>subject 5</td>
</tr>
</table>
</div>
</div>
</TD>
</TR>
<TR>
<TD>
<!-- LEFT BOTTOM ROW HEADER -->
<!-- <div id="DataTab" style="position:absolute; top:30px;
left:65px;height:300px; width:300px; overflow:scroll"
onScroll="scrollit()"> -->
<div style="position:absolute; top:30px;
left:0px;height:300px; width:90px; overflow:hidden;">
<div id="leftbottom" style="top:0px; left:0px; height:100px; position:absolute ">
<TABLE bgcolor=pink border='1' >
<TR>
<TD>Student1</TD>
</TR>
<TR>
<TD>Student2</TD>
</TR>
<TR>
<TD>Student3</TD>
</TR>
<TR>
<TD>Student4</TD>
</TR>
<TR>
<TD>Student5</TD>
</TR>
<TR>
<TD>Student6</TD>
</TR>
<TR>
<TD>Student7</TD>
</TR>
<TR>
<TD>Student8</TD>
</TR>
<TR>
<TD>Student9</TD>
</TR>
<TR>
<TD>Student10</TD>
</TR>
<TR>
<TD>Student11</TD>
</TR>
<TR>
<TD>Student12</TD>
</TR>
<TR>
<TD>Student13</TD>
</TR>
<TR>
<TD>Student14</TD>
</TR>
<TR>
<TD>Student15</TD>
</TR>
<TR>
<TD>Student16</TD>
</TR>
<TR>
<TD>Student17</TD>
</TR>
<TR>
<TD>Student18</TD>
</TR>
<TR>
<TD>Student19</TD>
</TR>
<TR>
<TD>Student20</TD>
</TR>
<TR>
<TD>Student21</TD>
</TR>
<TR>
<TD>Student22</TD>
</TR>
<TR>
<TD>Student23</TD>
</TR>
<TR>
<TD>Student24</TD>
</TR>
<TR>
<TD>Student25</TD>
</TR>
<TR>
<TD>Student26</TD>
</TR>
<TR>
<TD>Student27</TD>
</TR>
<TR>
<TD>Student28</TD>
</TR>
<TR>
<TD>Student29</TD>
</TR>
<TR>
<TD>Student30</TD>
</TR>
</TABLE>
</div>
</div>
<!-- <div id="ausgabe1" style="position:absolute;top:500px">
</div> -->
</TD>
<TD>
<!-- RIGHT BOTTOM DATA -->
<div id="DataTab" style="position:absolute; top:30px;
left:70px;height:320px; width:320px; overflow:scroll"
onScroll="scrollit()">
<table width=500 border="1" >
<tr>
<td style="width:100" nowrap>eins</td>
<td style="width:100" nowrap>zwei</td>
<td style="width:100" nowrap>drei</td>
<td style="width:100" nowrap>vier</td>
<td style="width:100" nowrap>fuenf</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td nowrap> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="ausgabe" style="position:absolute;top:0px">
</div>
</TD>
</TR>
</TABLE>
<script language="JavaScript">
if(navigator.appName == "Microsoft Internet Explorer")
{
function scrollit()
{
eldata=document.getElementById("DataTab");
elheader=document.getElementById("HTab");
elleft=document.getElementById("leftbottom");
x=eldata.scrollLeft;
y=eldata.scrollTop;
elheader.style.left=-eldata.scrollLeft;
leftbottom.style.top=-eldata.scrollTop;
}
}
else
{
alert("Netscape");
function callit()
{
eldata1=document.getElementById("DataTab");
elheader1=document.getElementById("HTab");
elleft1=document.getElementById("leftbottom");
x=eldata1.pageXOffset;
y=eldata1.pageYOffset;
elheader1.left=-eldata1.pageXOffset;
leftbottom.top=-eldata1.pageYOffset;
}
}
</script>
</body>
</html>
supersugar webforumsuser@macromedia.com Guest
-
scrollbars X!?+$%&!!!
Hello, I have a frameset with multiple frames and I have included in the main page with all the other frames the following html to prevent... -
help with scrollbars
Alright, I should start off by saying that I know very little about dreamweaver or coding or anything, just so you know. I have this template, which... -
Manage table names, flds, queries via reporting structure
Access 2000 I would like to be able to generate table reports listing all the TABLE NAMES, FIELDS and their datatypes in a neatly formatted... -
Netscape - no table colors showing using CSS
Hi, I have just tested out my web page ( see http://homepage.ntlworld.com/g.brookes3/index_1.htm ) using CSS for the first time using the... -
Scrollbars needed in Netscape
Again I would like to know how to tell Netscape to show scrollbars on every page of my site even when they are not needed. Some pages on the site...
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
