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

Why do my Spry accordion panel tabs not work in IE 6?

I've struggled with this all morning.  We have Spry accordion panels on our site.  They're working just fine in IE 7 and all the other browsers I normally test in, but in IE 6, they're not so hot.  The tabs don't display, but they do function.  If I hover over them, they display, but are unstyled.  If I click on them, the panel content unfolds just like it should.  What gives?

I'm attaching screen shots from IE 7 and IE 6.  I'm also attaching the code to the page and the stylesheets.  There is one for IE 6 and one for everybody else, but there's only one line of code different and it's on a div's height, so that's not the cause.

A link to this particular page: http://www.co.frederick.va.us/voter_registrar/elected_NEW_SCROLL.aspx.
<%@ Page Language="VBSCRIPT" %>
<!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 id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frederick County, VA -- Voter Registrar</title>
<!--[if !IE]>--><link rel="stylesheet" href="/dry_dock/experimental/css/fredCoStyles.css" type="text/css" media="screen" /><!--<![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/dry_dock/experimental/css/fredCoStyles.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="/dry_dock/experimental/css/fredCoStyles-IE6.css" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="/dry_dock/experimental/css/fredCoMenuStyles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.co.frederick.va.us/voter_registrar/css/voteStyles.css" type="text/css" media="screen" />
<link href="SpryAssets/SpryAccordion_NEW_SCROLL.css" rel="stylesheet" type="text/css" />
<script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function searchWindow(info)
{
	contentWindow = window.open(info, "aWindow", "location=0,width=450,height=420,scrollbars=yes,resizable=no,screenX=400,screenY=400,top=400,left=400")
	contentWindow.focus()
}
//-->
</script>
<script type="text/javascript" src="/js/offsiteAlerter.js"></script>
<script type="text/javascript">
function printContent(printThis)
<!--
{
	// This line defines the pop-up window.  You can change these attributes.
	var a = window.open('','','width=600,height=600,scrollbars=yes,resizable=yes,');
	a.document.open("text/html");
	a.document.write("<link rel=\"stylesheet\" href=\"http://www.co.frederick.va.us/dry_dock/css/fredCoStyles.css\" type=\"text/css\" />");
	a.document.write("<style>");
	a.document.write("body{background-image:none !important;}");
	a.document.write(".trOdd {background-color:#9eb3d2;}");
	a.document.write(".trEven {background-color:#FFFFFF;}");
	a.document.write("th {font-size:17px;background-color:#CCCCCC;}");
	a.document.write("#footer {top:1700px !important;}");
	a.document.write("#printButton{display:none;}");
	a.document.write("#title1{display:block !important;}");
	a.document.write("#title2{display:block !important;}");
	a.document.write("#title3{display:block !important;}");
	a.document.write(".AccordionPanelContent{display:block !important;}");
	a.document.write("</style>");
	a.document.write(document.getElementById(printThis).innerHTML);
	a.document.write("<hr />");
	a.document.write("<p class=\"pageText\"><span style=\"font-size:21px;font-weight:bold;\">County of Frederick, Voter Registration</span><br />");
	// If you are not HR, edit your department's contact info.  Just be sure to esacpe all " with a \.
	a.document.write("107 North Kent Street<br />Winchester, VA 22601</p>");
	a.document.write("<p class=\"pageText\">Phone: (540) 665-5660<br />Email: fcvotes@co.frederick.va.us</p>");
	// The line below can be uncommented and used for a tag line at the bottom of the page.
	// a.document.write("<p class=\"pageText\" style=\"font-style:italic;\">Frederick County is proud to be an Equal Opportunity Employer.</p>");
	a.document.close();
	a.print();
	
}
//-->
</script>
<!-- #INCLUDE FILE="/includes/small_masthead_parts.asp" -->
</head>
 
<body>
<form id="voterForm" runat="server">
  <div id="contentDiv">
    
	<!-- #INCLUDE FILE="/includes/small_masthead.asp" -->
    
    <div id="leftNavBox-contentPages">
      <!-- #INCLUDE FILE="includes/voterMenus_NO_FORM_TAG.asp" -->
    </div>
    
    <div id="textHolder">
    	
      <h2 class="pageHead">General Registrar of Voters<br />
      	<span class="pageSubHead">Elected Representatives</span></h2>
      <p class="pageText"><em><strong>Links on this page do not constitute an endorsement of any elected official, platform, or position. We offer these links only for your information.</strong></em></p>
      <div id="Accordion1" class="Accordion1" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Federal Government &raquo;</div>
          <div class="AccordionPanelContent" id="panel1">
          	<p class="pageText">
            	<input type="button" id="printButton" value="Print" onClick="printContent('panel1')" />
            </p>
            <p class="subjectHeader" style="display:none;" id="title1">
            	Federal Government
            </p>
          	<p class="pageText">
            	<strong>President Barack Obama and Vice President Joe Biden</strong><br />
                The White House, 1600 Pennsylvania Avenue NW, Washington, DC 20500<br />
          	  	(202) 456-1111<br />
          	  	<a href="http://www.whitehouse.gov/" target="_blank">www.whitehouse.gov</a>
            </p>
          	<p class="pageText">
            	<strong>Senator Mark R. Warner</strong><br />
            	B40C Dirksen Senate Office Building, Washington, DC 20510<br />
            	(202) 224-2023<br />
				<a href="http://warner.senate.gov" target="_blank">warner.senate.gov</a>
            </p>
          	<p class="pageText">
            	<strong>Senator James H. &quot;Jim&quot; Webb</strong><br />
                144 Russell Senate Office Building, Washington, DC 20510<br />
            	(202) 224-4024<br />
				<a href="http://webb.senate.gov" target="_blank">webb.senate.gov</a>
            </p>
          	<p class="pageText">
            	<strong>Congressman Frank R. Wolf, Virginia 10th District</strong><br />
                241 Cannon Building, Washington, DC 20515<br />
            	Local: (540) 667-0990<br />
            	DC: (202) 225-5136<br />
				<a href="http://www.house.gov/wolf/" target="_blank">www.house.gov/wolf</a>
            </p>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Virginia State Government &raquo;</div>
          <div class="AccordionPanelContent" id="panel2">
          	<p class="pageText">
            	<input type="button" id="printButton" value="Print" onClick="printContent('panel2')" />
            </p>
            <p class="subjectHeader" style="display:none;" id="title1">
            	State Government
            </p>
            <p class="pageText">
            	<strong>Governor Timothy M. Kaine</strong><br />
                Office of the Governor, State Capitol, Richmond, VA 23219<br />
              	(804) 786-2211<br />
  				<a href="http://www.governor.virginia.gov/" target="_blank">www.governor.virginia.gov</a>
            </p>
            <p class="pageText">
            	<strong>Lt. Governor William T. Bolling</strong><br />
            	Office of the Governor, State Capitol, Richmond, VA 23219<br />
				(804) 786-2211<br />
				<a href="http://www.ltgov.virginia.gov/" target="_blank">www.ltgov.virginia.gov</a>
            </p>
            <p class="pageText">
            	<strong>Attorney General Robert F. McDonnell</strong><br />
            	Office of the Attorney General, 900 E. Main St., Richmond, VA 23219-3524<br />
            	(804) 786-2071<br />
				<a href="http://www.oag.state.va.us/" target="_blank">www.oag.state.va.us</a>
            </p>
            <p class="pageText">
            	<strong>Senator Jill Holtzman Vogel, 27th District</strong><br />
            	<em>Capitol Office:</em><br />
            	Senate of Virginia, P.O. Box 396, Richmond, VA 23218<br />
				(804) 698-7527<br />
				<em>District Office:</em><br />
				117 East Picadilly Street, Suite 100-B, Winchester, VA 22601<br />
				(540) 662-4551<br />
				<a href="http://sov.state.va.us/SenatorDB.nsf/23b0c13df27a5ef585256fc7004febb2/4f50a0bf809e698a8525738c005035f6?OpenDocument" target="_blank">sov.state.va.us/SenatorDB.nsf/23b0...</a>
            </p>
            <p class="pageText">
            	<strong>Delegate Beverly J. Sherwood, 29th District</strong><br />
              	<em>Capitol Office:</em><br />
                General Assembly Building, P.O. Box 406, Richmond, Virginia 23218<br />
				(804) 698-1029<br />
				<em>District Office</em><br />
				P.O. Box 2014, Winchester, VA 22604<br />
				(540) 667-8947<br />
				<a href="http://dela.state.va.us/dela/MemBios.nsf/a2f5951900d28c0d8525738a00664b71/b37276dfd59e82a88525738a0052b62d?OpenDocument" target="_blank">dela.state.va.us/dela/MemBios.nsf/a2f5951...</a>
            </p>
            <p class="pageText">
            	<strong>Delegate Clifford L. &quot;Clay&quot; Athey, Jr., 18th District</strong><br />
            	<em>Capitol Office:</em><br />
                General Assembly Building, P.O. Box 406, Richmond, Virginia 23218<br />
				(804) 698-1018<br />
				<em>District Office</em><br />
				35 North Royal Avenue, Front Royal, VA 22630<br />
				(540) 635-2123<br />
				<a href="http://dela.state.va.us/dela/MemBios.nsf/a7b082ef6ed01eac85256c0d00515644/d48a988a9afeee168525738a0052b625?OpenDocument" target="_blank">dela.state.va.us/dela/MemBios.nsf/a7b082ef...</a>
            </p>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Frederick County Government &raquo;</div>
          <div class="AccordionPanelContent" id="panel3">
            <p class="pageText">
            	<input type="button" id="printButton" value="Print" onClick="printContent('panel3')" />
            </p>
            <p class="subjectHeader" style="display:none;" id="title1">
            	Local Government
            </p>
          	<p class="subjectHeader">
            	Constitutional Offices
            </p>
            <p class="pageText">
                <strong>Ellen E. Murphy, <em>Commissioner of the Revenue</em></strong><br />
            	1333 Darlington Dr., Winchester, VA 22603<br />
            	(540) 869-1499
            </p>
            <p class="pageText">
            	<strong>Robert T. Williamson, <em>Sheriff</em></strong><br />
            	357 Sawlog Rd., Gore, VA 22637<br />
            	(540) 662-6168
            </p>
            <p class="pageText">
            	<strong>C. William Orndoff, <em>Treasurer</em></strong><br />
            	1767 Cedar Hill Rd., Clearbrook, VA 22624<br />
            	(540) 662-6611
            </p>
            <p class="pageText">
            	<strong>Glenn R. Williamson, <em>Commonwealth's Attorney</em></strong><br />
            	3280 Back Creek Road, Gore, VA 22637<br />
           	    (540) 665-6383
            </p>
            <p class="pageText">
            	<strong>Rebecca P. Hogan, <em>Clerk of the Circuit Court</em></strong><br />
            	4733 Back Mountain Rd., Winchester, VA 22602<br />
           	    (540) 667-5770<br />
       	    </p>
            <p class="subjectHeader">
            	Board of Supervisors
            </p>
            <p class="pageText">
            	<strong>Richard C. Shickle, <em>Chairman At-Large</em></strong><br />
            	<a href="mailto:rshickle@shentel.net">rshickle@shentel.net</a> <br />
            	292 Green Spring Rd., Winchester, VA 22603<br />
            	Office: (540) 545-7312<br />
            	Home: (540) 667-2264
            </p>
            <p class="pageText">
            	<strong>Gary A. Lofton, <em>Back Creek District</em></strong><br />
                <a href="mailto:gary@garylofton.org">gary@garylofton.org</a><br />
				711 Buffalo Marsh Road, Middletown, VA 22624<br />
				Home: (540) 869-1972<br />
				Fax: (540) 869-1972
            </p>
            <p class="pageText">
            	<strong>Gary W. Dove, <em>Gainesboro District</em></strong><br />
                <a href="mailto:garydove4@comcast.net">garydove4@comcast.net </a><br />
				821 Apple Pie Ridge Rd., Winchester, VA 22603<br />
				Home: (540) 662-2734<br />
				Fax: (540) 662-5468
            </p>
  			<p class="pageText">
            	<strong>Bill M. Ewing, <em>Opequon District</em></strong><br />
            	<a href="mailto:supervisorewing@yahoo.com">supervisorewing@yahoo.com</a><br />
            	PO Box 27, Stephens City, VA 22655<br />
            	Home: (540) 869-5058<br />
           		Fax: (540) 868-0072
            </p>
   			<p class="pageText">
            	<strong>Philip A. Lemieux, <em>Red Bud District</em></strong><br />
                <a href="mailto:plemieux@visuallink.com">plemieux@visuallink.com</a><br />
				106 Dell Court, Winchester, VA 22602<br />
				Home: (540) 722-3673<br />
				Fax: (540) 678-8253
            </p>
   			<p class="pageText">
            	<strong>Gene E. Fisher, <em>Shawnee District</em></strong><br />
                <a href="mailto:gfisher@visuallink.com">gfisher@visuallink.com</a><br />
				246 Bush Drive, Winchester, VA 22602<br />
				Home: (540) 662-5238<br />
				Fax: (540) 662-5238
            </p>
            <p class="pageText">
            	<strong>Charles S. &quot;Chuck&quot; Dehaven, <em>Stonewall  District</em></strong><br />
                <a href="mailto:cdehaven@crosslink.net">cdehaven@crosslink.net</a><br />
				2075 Martinsburg Pike, Winchester, VA 22603<br />
				Home: (540) 662-7421<br />
				Fax: (540) 678-8828
            </p>	
           	<p class="subjectHeader">
            	School Board
            </p>
            <p class="pageText">
            	<strong>Stuart A. Wolk , <em>At-Large</em></strong><br />
				100 Crest Cir., Winchester, VA 22602<br />
				(540) 662-5861 
           	</p>
           	<p class="pageText">
            	<strong>Jody S. Wall, <em>Back Creek District</em></strong><br />
				234 Germany Road, Winchester, VA 22602<br />
				(540) 869-3933
            </p>
           	<p class="pageText">
            	<strong>David S. Zerull, <em>Gainesboro District</em></strong><br />
				339 Green Spring Dr., Winchester, VA 22603<br />
				(540) 667-7169
            </p>
           	<p class="pageText">
            	<strong>Benjamin F. Waterman, <em>Opequon District</em></strong><br />
				125 Trunk Dr., Stephens City, VA 22655<br />
				(540) 869-7388
            </p>
           	<p class="pageText">
            	<strong>Richard E. Howett, <em>Red Bud District</em></strong><br />
				317 Dogwood Rd., Winchester, VA 22603<br />
				(540) 667-5560
            </p>
           	<p class="pageText">
            	<strong>John J. Lamanna, <em>Shawnee District</em></strong><br />
				110 Crestleigh Dr., Winchester, VA 22602<br />
				(540) 667-3788
            </p>
			<p class="pageText">
            	<strong>Melvin S. &quot;Jim&quot; Harmon, <em>Stonewall District</em></strong><br />
				182 Highview Rd., Stephenson, VA 22656<br />
				(540) 667-3514
           </p>
		 </div> <!-- end panel content -->
       </div> <!-- ends panel -->
      </div> <!-- ends Accordion1 -->
      
    </div> <!-- ends textHolder -->
    
    
    
  </div> <!-- ends contentDiv -->
  <!-- #INCLUDE FILE="/includes/footer.asp" -->
  <!-- #INCLUDE FILE="/includes/googleAnalytics.asp" -->
 
</form>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
</body>
</html>

Open in new window

fredCoStyles.css.txt
fredCoStyles-IE6.css.txt
IE6-on-load.jpg
IE6-expanded-accordion.jpg
IE7-on-load.jpg
IE7-expanded-accordion.jpg
0
mrcoulson
Asked:
mrcoulson
  • 3
  • 2
1 Solution
 
mrcoulsonAuthor Commented:
Okay.  It definitely has nothing to do with some include file.  It's only the widget or its JS or CSS file or the page's CSS because I took all of the important stuff out into a new document without any .Net tags anywhere.

http://www.co.frederick.va.us/voter_registrar/NEW_SCROLL.aspx
0
 
v2MediaCommented:
It's the css you've done to customise the accordion (SpryAccordion_NEW_SCROLL.css).

Comment out that css file and it works fine in IE6. It's the peek-a-boo bug http://www.positioniseverything.net/explorer/peekaboo.html
0
 
v2MediaCommented:
I tracked the bug down to .AccordionPanelTab. After this style loads the bug presents. By giving that style the rule "display:inline" the accordions show up. This confirms it's the peek-a-boo bug.
0
 
v2MediaCommented:
Note the zoom: 1;

.AccordionPanelTab {
      border-top: black 1px solid;
      FONT-SIZE: 0.9em;
      MARGIN: 0px;
      CURSOR: pointer;
      COLOR: #000000;
      BORDER-BOTTOM: gray 1px solid;
      FONT-FAMILY: "Times New Roman", serif;
      BACKGROUND-COLOR: #5875a1;
      padding: 2px;
      zoom: 1;
}
0
 
mrcoulsonAuthor Commented:
YOU ARE A GENIUS!  Guru?  Pssht.  More like demigod.  Could just be my perspective, of course.  You just solved a problem that dogged me for a long time.  And the solution is so simple that deploying the new stylesheet (the project that uncovered this problem) will be easy.

Thanks a million!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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