RailsでIE6CSS不具合に対応する
11月 16th, 2008 by waku
今日初めてQuoice.comをIE6で見てみたら表示ずれてた。
まず、可能な限り同一CSSで修正する。<legent>タグはあきらめ<h2>に変えたりとか。それでもうまくいかないところは、バットノウハウを調べるのも実行するのも嫌だったので、せこい対処法で対処。
ヘッダーの中、普通のCSSリンクのあとに
HTML:
-
<%- user_agent = request.user_agent.downcase -%>
-
<%- if user_agent =~ /msie 6\.0/ -%>
-
<%= "<style type='text/css'>.....</style>" %>
-
<%- end -%>
つまりのところ、同じCSSだったらあとに書いてあるスタイルが 実行される事を利用し同様のIE6用のスタイルを上書き。
左が適用全、右が適用後
