Small point, has anyone noticed that the sliders don''t render properly
in
IE 6.0?
http://wiki.script.aculo.us/scriptaculous/show/SliderDemo
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;
position:relative; /* 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-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
