From: John Dong Date: Thu, 30 Aug 2007 17:29:08 +0000 (-0400) Subject: Add IE6 specific hacks CSS that only gets loaded if user agent is MSIE 6. X-Git-Url: https://projects.mako.cc/source/selectricity-live/commitdiff_plain/931c5013597eca0dfe465f13f697ef867db22a91?ds=inline Add IE6 specific hacks CSS that only gets loaded if user agent is MSIE 6. This sets the background-image to render using DirectX alpha channels to properly transparentize PNG's. Also removes ordering on ordered lists so that we don't get 1. 1. 1. 1. in the dragdrop list. --- diff --git a/app/views/layouts/main.rhtml b/app/views/layouts/main.rhtml index 5ae18dc..5836b4f 100644 --- a/app/views/layouts/main.rhtml +++ b/app/views/layouts/main.rhtml @@ -5,6 +5,7 @@ <%= stylesheet_link_tag "common", :media => "all" %> <%= stylesheet_link_tag "main", :media => "all" %> <%= stylesheet_link_tag *(@stylesheets) %> + <%= stylesheet_link_tag "ie6hacks", :media => "all" if request.user_agent =~ /MSIE 6/ %> <%= javascript_include_tag "prototype", "effects", "dragdrop", "controls" %> diff --git a/public/stylesheets/ie6hacks.css b/public/stylesheets/ie6hacks.css new file mode 100644 index 0000000..4446647 --- /dev/null +++ b/public/stylesheets/ie6hacks.css @@ -0,0 +1,29 @@ +/* + + IE6 Hacks for Transparent PNG and list ordering + +*/ + +div#bar-left { + background-image: none; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_bar_1.png', sizingMethod=\'scale\'); + width: 153px; + height: 37px; + padding-top: 8px; + float: left; + clear: left; +} + +div#bar-right { + background-image: none; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_bar_2.png', sizingMethod=\'scale\'); + width: 78px; + height: 37px; + padding-top: 8px; + float: left; + clear: right; +} + +ol { + list-style-type: none; +} diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css index 1d63f4c..acdff30 100644 --- a/public/stylesheets/main.css +++ b/public/stylesheets/main.css @@ -25,9 +25,6 @@ h3 { margin: 0 0 1em 0 !important; } -ol { - list-style-type: none; -} .special { background-color: #999999; color: white;