Hi,
i am currently working on a html screen with javascript functionality involved in it.The screen is working fine in windows but it is not so in Mac.
the problem it is giving is tables having scroll bars.the header row is not in sync with rest of the rows i.e it is not moving along with the horizontal scroll bar.Is there any alternative for <div> tag in mac.i have used double <div> tag to get the scroll bars in mac.
also javascript functionality is not working.
Please give pointers for the same.
problem of div in mac
Hi,
we are currently working on mac 10.x with IE version of 5.2.3.
i am sending the sample html code in which Header column and Body column are not in sync with each other i.e. on scrolling body column header column is not moving in sync with vertical scroll bar in mac IE althogh its working fine in Windows IE.
It would be great if you can help in this matter.
Regards,
Prasad
we are currently working on mac 10.x with IE version of 5.2.3.
i am sending the sample html code in which Header column and Body column are not in sync with each other i.e. on scrolling body column header column is not moving in sync with vertical scroll bar in mac IE althogh its working fine in Windows IE.
It would be great if you can help in this matter.
Code: Select all
<HTML>
<HEAD>
<!--Head Start-->
<title></title>
<script type="text/javascript" language="JavaScript1.2" src=""></script>
<script type="text/javascript" language="JavaScript1.2" src=""></script>
<script type="text/javascript">
function scrollAttachedDIV(currentDIV, idOfAttachedDIV) {
document.getElementById(idOfAttachedDIV).scrollTop = currentDIV.scrollTop;
}
</SCRIPT>
<STYLE type=text/css>
.FrozenTableHeader {
overflow:hidden;
}
.FrozenTableBody {
overflow: scroll;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<!--Head End-->
<!--Header Start-->
<BODY bgcolor="#ffffff" text="#000000" link="#346782" vlink="#666666" alink="#ffa41d" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0" rightMargin=0 bottomMargin=0 >
<TABLE width="200px" height="100%" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<DIV id="divHeader" class="FrozenTableHeader" style="height:150px; width:120px;">
<B>
Header A <BR>
Header B <BR>
Header C <BR>
Header D <BR>
Header E <BR>
Header F <BR>
Header G <BR>
Header H <BR>
Header I <BR>
Header J <BR>
Header K <BR>
Header L <BR>
Header M <BR>
Header N <BR>
Header O <BR>
Header O <BR>
Header Q <BR>
Header R <BR>
Header S <BR>
Header T <BR>
</B>
</DIV>
</TD>
<TD>
<DIV id="divBody" class="FrozenTableBody" style="height:150px; width:120px;"
onScroll="scrollAttachedDIV(this, 'divHeader');">
Body A <BR>
Body B <BR>
Body C <BR>
Body D <BR>
Body E <BR>
Body F <BR>
Body G <BR>
Body H <BR>
Body I <BR>
Body J <BR>
Body K <BR>
Body L <BR>
Body M <BR>
Body N <BR>
Body O <BR>
Body O <BR>
Body Q <BR>
Body R <BR>
Body S <BR>
Body T <BR>
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Regards,
Prasad