PDA

View Full Version : Scrolling works in Opera but not in IE6



tbuck
06-24-2009, 07:49 PM
1) Script Title: cmotion image gallery II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/cmotiongallery2.htm

3) Describe problem: I have integrated the code from the above link into my website. It seems to work fine in Opera 9 but will not scroll in IE 6. (or in IE 8).
Any help in understanding this would be appreciated.

Thanks
The code is below:




<head>

<link href="../Stylesheets/gallerystyle2.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="../java/motiongallery2.js">

/***********************************************
* CMotion Image Gallery II- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for source code
* Modified by jscheuer1 for vertical orientation, at http://www.dynamicDrive.com/forums
***********************************************/

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>House Index</title>
<style type="text/css">
<!--
#Header {
position:absolute;
left:19px;
top:0px;
width:278px;
height:50px;
z-index:24;
}
-->
</style>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:225px;
top:12px;
width:65px;
height:36px;
z-index:2;
}
#Thumbbar {
position:absolute;
left:217px;
top:76px;
width:63px;
height:457px;
z-index:21;
}
#Image1 {
position:absolute;
left:320px;
top:76px;
width:301px;
height:278px;
z-index:3;
visibility: visible;
}

#SubHeader {
position:absolute;
left:26px;
top:76px;
width:180px;
height:14px;
z-index:22;
}
#Text1 {
position:absolute;
left:399px;
top:76px;
width:250px;
height:103px;
z-index:19;
visibility: hidden;
}
#Links {
position:absolute;
left:30px;
top:327px;
width:160px;
height:160px;
z-index:21;
}
-->
</style>
<style type="text/css">
<!--
#HeaderLower {
position:absolute;
width:277px;
height:28px;
z-index:23;
left: 20px;
top: 48px;
}
-->
</style>
<link href="../Stylesheets/BFive.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer2 {
position:absolute;
width:80px;
height:457px;
z-index:26;
left: 211px;
top: 76px;
}
#thumbbar {
position:absolute;
width:80px;
height:455px;
z-index:27;
left: 217px;
top: 76px;
}
.style3 {font-size: 16px; color: #666666; letter-spacing: .13em; font-weight: lighter; font-family: "Times New Roman", Times, serif;}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>

<body>

<div style="overflow:show;">
<div id="motioncontainer" style="width:80px; height:268px; overflow:hidden; position: relative; left: 205px; top: 65px;">
<div id="motiongallery" style="position: relative;">

<!--Gallery Contents below-->
<!--image 1-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','show','Text2','','hide','Text3','','hide','Text4','','hide','Text5','','hide','Text6','','hide','Text0','','hide')"><img src="../Assets/9723_Bucks/index.jpg" width="80" height="80" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a>
<!--image 2-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','show','Text3','','hide','Text4','','hide','Text5','','hide','Text6','','hide','Text0','','hide')"><img src="../Assets/0000_Maine Hog Hill/index.jpg" width="80" height="80" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a><br />
<!--image 3-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','hide','Text3','','show','Text4','','hide','Text5','','hide','Text6','','hide','Text0','','hide')"><img src="../Assets/B0017_Shapiro/index.jpg" width="80" height="80" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue" /></a><br />
<!--image 4-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','hide','Text3','','hide','Text4','','show','Text5','','hide','Text6','','hide','Text0','','hide')"><img src="../Assets/9515_Tarr House/index.jpg" width="80" height="80" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a><br />
<!--image 5-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','hide','Text3','','hide','Text4','','hide','Text5','','show','Text6','','hide','Text0','','hide')"><img src="../Assets/9821_Tarr Pool 1/index.jpg" width="80" height="80" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a><br />
<!--image 6-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','hide','Text3','','hide','Text4','','hide','Text5','','hide','Text6','','show','Text0','','hide')"><img src="../Assets/0000_Nash Watermill 2/index.jpg" width="80" height="52" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a><br />
<!--image 7-->
<a href="#" onmouseover="MM_showHideLayers('Text1','','hide','Text2','','hide','Text3','','hide','Text4','','hide','Text5','','hide','Text6','','hide','Text0','','hide')"><img src="../Assets/0000_Salasky/index.jpg" width="80" height="52" border=1 onclick="MM_goToURL('parent','../Assets/9723_Bucks/House_Bucks.html');return document.MM_returnValue"></a>

<!--End Gallery Contents-->
</div>
</div>
</div>



</body>
</html>

jscheuer1
11-06-2009, 03:29 AM
The code in your post:



<div id="motioncontainer" style="width:80px; height:268px; overflow:hidden; position: relative; left: 205px; top: 65px;">
<div id="motiongallery" style="position: relative;">

does not reflect that as directed in the demo page:


<div id="motioncontainer" style="width:150px; height:300px; overflow:hidden; position: relative;">
<div id="motiongallery" style="position:absolute; left:0; top:0;">

There could also be other problems.