• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1170
  • Last Modified:

Spry Sliding Panels not working in Firefox

I'm working on a project that has a sliding panel area. It was made using the Adobe Spry framework. Unfortunately, the panels do not render correctly in firefox, but work fine in IE, Safari, and Chrome.

Any Ideas???

The page is at http://www.upgradeyourbusiness.com/gcwe/

Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Welcome to GCWE | Graduate Center for Worker Education</title> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="shortcut icon" href="/gcwe/misc/favicon.ico" type="image/x-icon" /> 
  <link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/aggregator/aggregator.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/node/node.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/defaults.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/system.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/system/system-menus.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/modules/user/user.css?y" /> 
<link type="text/css" rel="stylesheet" media="all" href="/gcwe/sites/all/themes/gcwe_new/style.css?y" /> 
  <script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SpryMenuBar.js" type="text/javascript"></script> 
<link href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 
<!-------------------------------------------------------------------> 
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.css"/> 
<script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.js" type="text/javascript"></script> 
<!-------------------------------------------------------------------> 
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.css" /> 
<script type="text/javascript" src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.js"> 
 
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
 
</script> 
<style type="text/css"> 
<!--
@import url("style.css");
-->
</style> 
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySlidingPanels.css"/> 
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> 
<script src="SpryAssets/SprySlidingPanels.js" type="text/javascript"></script> 
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> 
</head> 
 
<body> 
<div class="wrapper"> 
<div id="header_container"> 
<div id="header"> 
<div id="header_top"> 
<div id="sponsor"> 
Sponsored by Brooklyn College | CUNY<br /> 
<img src="/gcwe/sites/all/themes/gcwe_new/images/bc-cuny_logo.jpg" /></div> 
<div id="site-name"> 
<a href="/gcwe/"> 
Graduate Center<br /> 
for Worker Education
</a> 
</div> 
</div><!-- HEADER TOP ENDS!--> 
<div id="nav_bar"> 
<div id="block-block-15" class="block block-block"> 
 
 
  <div class="block-content"><ul id="MenuBar1" class="MenuBarHorizontal"> 
<li><a href="/gcwe/">Home</a></li> 
<li><a class="MenuBarItemSubmenu" href="#">Programs</a> 
<ul> 
<li><a href="/gcwe/programs/political-science">Political Science</a></li> 
<li><a href="/gcwe/programs/health-and-nutrition">Health &amp; Nutrition Science</a></li> 
<li><a href="/gcwe/programs/internships">Interships</a></li> 
<li><a href="/gcwe/programs/paralegal-certificate">Paralegal Certificate</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">Student Info</a> 
<ul> 
<li><a href="/gcwe/student-info/prospective-students">Prospective Students</a></li> 
<li><a href="/gcwe/student-info/current-students">Current Students</a></li> 
<li><a href="/gcwe/student-info/registration-info">Registration Information</a></li> 
<li><a href="/gcwe/student-info/course-description">Course Description</a></li> 
<li><a href="/gcwe/student-info/fall-09-course-schedule">Course Schedule</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">Events</a> 
<ul> 
<li><a href="/gcwe/events/calendar-09">Calendar 2009</a></li> 
<li><a href="/gcwe/events/events">Events</a></li> 
<li><a href="/gcwe/events/class-trips">Class Trips</a></li> 
<li><a href="/gcwe/events/featured-story">Featured Story</a></li> 
</ul> 
</li> 
<li><a class="MenuBarItemSubmenu" href="#">About GCWE</a> 
<ul> 
<li><a href="/gcwe/about-gcwe/history">History</a></li> 
<li><a href="/gcwe/about-gcwe/faculty">Faculty</a></li> 
<li><a href="/gcwe/about-gcwe/gcwe-facility">GCWE Facility</a></li> 
<li><a href="/gcwe/about-gcwe/employment-opportunities">Employment Opportunites</a></li> 
</ul> 
</li> 
<li><a href="/gcwe/contact-us">Contact Us</a></li> 
</ul> 
</div> 
</div></div> 
</div><!-- HEADER ENDS!--> 
</div><!-- HEADER CONTAINER ENDS !-->            
        
<div id="page_container"> 
 
<div id="main_container"> 
<div id="sidebar_right"> 
<div id="block-block-7" class="block block-block"> 
 
  <h2 class="block-title">Student Stories</h2> 
 
  <div class="block-content"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0" width="225" height="165" id="FLVPlayer" align="middle"> 
  <param name="movie" value="http://swfmachine.com/skins/FLVPlayer_Streaming.swf" /> 
  <param name="allowFullScreen" value="true" /> 
  <param name="FlashVars" value="&MM_ComponentVersion=1&serverName=mmpros.rtmphost.com&skinName=http://swfmachine.com/skins/clearSkin1&appName=zz100188/_definst_&streamName=greenscreen1&isLive=false&bufferTime=1&autoPlay=true&autoRewind=false" /> 
  <embed src="http://swfmachine.com/skins/FLVPlayer_Streaming.swf" flashvars="&MM_ComponentVersion=1&serverName=mmpros.rtmphost.com&skinName=http://swfmachine.com/skins/clearSkin1&appName=zz100188/_definst_&streamName=greenscreen1&isLive=false&bufferTime=1&autoPlay=false&autoRewind=false" allowFullScreen="true"  name="FLVPlayer" type="application/x-shockwave-flash" pluginspage="www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> 
</embed></object></div> 
</div><div id="block-block-20" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/applynow_img.jpg" /></p> 
</div> 
</div><div id="block-block-21" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/facebook_img.jpg" /></p> 
</div> 
</div><div id="block-block-22" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/londontrips_img.jpg" /></p> 
</div> 
</div><div id="block-block-8" class="block block-block"> 
 
 
  <div class="block-content"><div class="text"> 
<h3 class="title">Featured Story</h3> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/featured-story_img.jpg" style=" padding-bottom:6px;" /></p> 
<h4 class="sub-title">Taking the Bull by the Horns</h4> 
<p>This spring the Graduate Center for Worker Education will celebrate its twenty-fifth anniversary at a new address: 25 Broadway.<br /> 
<a href="http://workereducation.org/files/docs/bull_by_the_hornsLR.pdf" style="color:#65b2d6;">Read More</a></p> 
<p>&nbsp;</p> 
</div> 
</div> 
</div><div id="block-block-10" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/publications_img.jpg" /></p> 
</div> 
</div></div><!-- SIDEBAR ENDS!--> 
<div id="content_container"> 
                        <div id="home-top">     
<div id="slider1" class="sliderwrapper"> 
<div id="paginate-slider1" class="pagination"> 
</div>   
<div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper2.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper.jpg" height="343" width="662" /></p> 
</div><div class="contentdiv"> 
<p><img src="/gcwe/sites/all/themes/gcwe_new/images/Content_upper2.jpg" height="343" width="662" /></p> 
</div> 
</div> 
 
<script type="text/javascript"> 
 
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 4000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
 
</script> 
 
</div><div id="home-middle"> 
<div id="hmiddle-nav"> 
<a href="#" onclick="sp1.showPanel(0); return false;">Monday</a> |
<a href="#" onclick="sp1.showPanel(1); return false;">Tuesday</a> |
<a href="#" onclick="sp1.showPanel(2); return false;">Wednesday</a> |
<a href="#" onclick="sp1.showPanel(3); return false;">Thursday</a> 
</div> 
 
<div id="SlidingPanels1" class="SlidingPanels"> 
	<div class="SlidingPanelsContentGroup"> 
		<div class="SlidingPanelsContent"> 
<div id="p1" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Monday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 734X (3911)</span><br /> 
      Policy Analyisis<br /> 
    Prof. Anderson</td> 
<td width="121"><span class="sch-title">PS 714X (2525)</span><br /> 
      Socialism &amp; Communism<br /> 
    Prof. Leberstein</td> 
<td width="121"><span class="sch-title">PS 751X (4009)</span><br /> 
      Government of NYC/Urban Politics<br /> 
    Prof. Blackwell</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">No Scheduled Classes</span></td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 767X (3913)</span><br /> 
      North/South Relationships in World Politics<br /> 
    Prof. Wilpert</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p2" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Tuesday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 721X (3909)</span><br /> 
      U.S Constitutional Law 2<br /> 
    Prof. Jayaraman</td> 
<td width="121"><span class="sch-title">HIST. 744.1X (4107)</span><br /> 
      History of Financial Speculation &amp; American Labor<br /> 
    Prof. Wills</td> 
<td width="121"><span class="sch-title">PS 751X (4009)</span><br /> 
      Government of NYC/Urban Politics<br /> 
    Prof. Blackwell</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">HNS 764.4X (2586)</span><br /> 
      Internship in Public Health<br /> 
    Prof. Cardwell </td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 733X(3910)</span><br /> 
      Legislative Process in the United States<br /> 
    Prof. Hackshaw</td> 
<td><span class="sch-title">PS 745G (1845)</span><br /> 
      Fieldwork<br /> 
    Prof. Ness</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p3" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Wednesday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 700X (1840)</span><br /> 
      Statistical Concepts<br /> 
      Prof. Archbald</td> 
<td width="121"><span class="sch-title">PS 717X (1842)</span><br /> 
      Masters Seminar<br /> 
      Prof. Wilson</td> 
<td width="121">&nbsp;</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">No Scheduled Classes</span></td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 749.1X (3941)</span><br /> 
      Selected Topics - Reporting Conflict<br /> 
      Prof. Younge</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
</div><div class="SlidingPanelsContent"> 
<div id="p4" class="SlidingPanelsContent"> 
<div class="schedules"> 
<h3>Fall 2009 Course Schedule (Section Code/Registration Code)</h3> 
<p>&nbsp;</p> 
<div id="sch-link"><a href="/gcwe/student-info/fall-09-course-schedule">View All Schedules</a></div> 
<p><span class="sch-title">Thursday Schedule</span></p> 
<table width="594" border="0" cellspacing="1" cellpadding="0"> 
<tr valign="top"> 
<td width="104"><span class="sch-title">5:30 - 7:20 PM</span></td> 
<td width="121"><span class="sch-title">PS 703X (1841)</span><br /> 
      American Political Thought<br /> 
      Prof. McCullough</td> 
<td width="121"><span class="sch-title">PS 740X (3912)</span><br /> 
      Public Administration<br /> 
      Prof. Nieves</td> 
<td width="121">&nbsp;</td> 
<td width="121">&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">6:20 - 9:00 PM</span></td> 
<td><span class="sch-title">HNS 770X (1771)</span><br /> 
	  Introduction to Health Policy and Administration<br /> 
      Prof. Padgug</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr valign="top"> 
<td><span class="sch-title">7:40 - 9:30 PM</span></td> 
<td><span class="sch-title">PS 748X (4008)</span><br /> 
      Planning for Metropolitan Areas<br /> 
      Prof. Whitlock</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table> 
</div> 
</div> 
<p></p> 
</div>	</div> 
</div> 
</div><!-- END HOME MIDDLE --> 
        <div id="home-bottom"><div id="block-block-11" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/latestevents_img.jpg" /></p> 
</div> 
</div><div id="block-block-23" class="block block-block"> 
 
 
  <div class="block-content"><p><img src="/gcwe/sites/all/themes/gcwe_new/images/maps_img.jpg" /></p> 
</div> 
</div></div>        
</div><!-- CONTENT CONTAINER ENDS!--> 
</div><!-- MAIN CONTAINER ENDS!--> 
<div class="clear"></div> 
</div><!-- PAGE COTAINER ENDS!--> 
<div class="push"></div> 
</div> 
<div class="footer"> 
<div id="footer"> 
Home  |  Programs  |  Student info  |  Events  |  About GCWE  |  Contact us  |  Newsletter Sign up  |  GCWE on Facebook  |  Enquire about Facility  |  Feedback<br /> 
Copyright © 2010 - Graduate Center for Worker Education <a href="/gcwe/user" style="text-decoration:none">|</a> Powered By: <a href="http://www.upgradeyourbusiness.com">UpgradeYourBusiness.com</a> 
</div><!-- FOOTER ENDS!--> 
</div> 
<script type="text/javascript"> 
<!--
var sp1 = new Spry.Widget.SlidingPanels("SlidingPanels1",{defaultPanel: 2 });
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script> 
</body> 
</html>

Open in new window

0
edgardoburgos
Asked:
edgardoburgos
1 Solution
 
s8webCommented:
In your head, you have a malformed comment where the spry css and script are located:

<!------------------------------------------------------------------->
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.css"/>
<script src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/SprySlidingPanels.js" type="text/javascript"></script>
<!------------------------------------------------------------------->
<link rel="stylesheet" type="text/css" href="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.css" />
<script type="text/javascript" src="/gcwe/sites/all/themes/gcwe_new/SpryAssets/contentslider.js">

What happens when you fix that? It looks like you're calling it again later in the head.
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now