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