Back To Start Of Archive
Taken From The Forum: Anything Goes
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:08
problem of div in mac
Poster: prasad
Dated: Thursday September 30 2004 - 14:37:54 BST
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.
Poster: John
Dated: Thursday September 30 2004 - 19:51:31 BST
Exactly what version of the menu system are you using? Also, please provide a URL, as requested, so we can see what's happening.
Poster: prasad
Dated: Monday October 11 2004 - 12:55:45 BST
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.
Code:
<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