Small point,
has anyone noticed that the sliders don't render properly in IE
6.0?
I've dabbled with
the HTML and CSS and got 'em to render properly in IE 6 (and IE 5.5... yes, I
know...)
.slider-track
{
width:50px;
height:5px;
background-color:gray;
width:50px;
height:5px;
background-color:gray;
position:relative; /* IE fix
*/
}
.slider-handle {
width:5px;
height:10px;
background-color:#F00;
cursor:move;
position:absolute; /* IE fix */
}
}
.slider-handle {
width:5px;
height:10px;
background-color:#F00;
cursor:move;
position:absolute; /* IE fix */
}
<div id="contrastTrack"
class="slider-track"><div id="contrastHandle"
class="slider-handle"><!-- IE fix
--></div></div>
One
of the fixes is the HTML comment above tells IE there's no innerHTML, so
the font-size won't make the contrastHandle larger than 10px. Eliminate
the comment, or include a blank space and the handle <div> will grow to
the font-size, which may be larger than 10px. Sure, you could shrink the
font-size, but this avoids the issue entirely.
The
other fix is: position the handle absolutely... IE wants to make the outer div
expand to accommodate the handle, so the position:absolute removes it from
the content, and doesn't change the behavior or rendering in any way. (The
outer (track) div must be positioned, for the position absolute to
work).
Seems to render correctly in IE 6 and 5.5
now.
Sam
_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs@lists.rubyonrails.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
