Skip to content
Permalink
Browse files

Accordion: fixed accordion drawers demo for IE6 and 7. Tested in FF2,…

… FF3, Safari 3, Opera 9.5, IE6, IE7 & Chrome on WinXP. All look pretty good. However, IE6 still has slightly darker side borders caused by the .drawer-handle.open clause which is not properly supported by IE6.
  • Loading branch information...
Ca-Phun Ung
Ca-Phun Ung committed Sep 27, 2008
1 parent 11e3a32 commit 37d14b7f074553f509800c7c8fe25defe166e161
Showing with 10 additions and 1 deletion.
  1. +10 −1 demos/real-world/accordion-drawers/index.html
@@ -98,7 +98,9 @@
color:#76797C;
font-size:11px;
line-height:1.3em;
height: 1%; /* for IE6 & 7 */
}
.drawer-handle {
background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
color:#333333;
@@ -123,6 +125,13 @@
padding: 0 12px;
padding-bottom:0pt;
}
/* for IE6 - to override the colour set by .drawer-handle.open (IE6 cannot handle class concatinations) */
* html .drawer ul {
background-color: #FFFFFF;
margin: 0 1px;
}
.drawer li {
border-bottom:1px solid #E5E5E5;
line-height:16px;
@@ -178,10 +187,10 @@ <h1>Fixed drawer slide out demo (using accordion plugin)</h1>
</p>
</div>
<div class="drawers-wrapper">
<div class="capt"></div>
<ul class="drawers">
<li class="drawer">
<h2 class="drawer-handle open">
<div class="capt"></div>
<span>Downloads</span>
</h2>
<ul class="alldownloads">

0 comments on commit 37d14b7

Please sign in to comment.
You can’t perform that action at this time.