CSS Codes
CSS Layouts
Results 1 to 2 of 2

Thread: Scrolling works in Opera but not in IE6

  1. 06-24-2009, 07:49 PM #1
    tbuck
    tbuck is offline Junior Coders
    Join Date
    Jun 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scrolling works in Opera but not in IE6

    1) Script Title: cmotion image gallery II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ongallery2.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:

    Code:
    <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>
    Last edited by tbuck; 06-25-2009 at 12:21 PM. Reason: Tested in additional browser - still not working
    Reply With Quote Reply With Quote
  2. 11-06-2009, 03:29 AM #2
    jscheuer1's Avatar
    jscheuer1
    jscheuer1 is offline Global Moderator
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The code in your post:

    Code:
    <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:

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules