ブログ更新:新しいブラウザへの対応

残業続きでしんどいです。
支社からの原稿がまだ届かないので今日は早く帰れそうですが(怒)

会社も支社の行動に対してやっと腰を上げてくれたみたいで、
来期から支社のwebの仕事は受けないという意見を社長に提出したみたいです。
デザインの方もかなりキレてたからね。
最近新しい人が支社に入ってきてから横暴ぶりがさらに酷くなったしね。
もうどうしようもないわという。

そろそろ、Internet Explorer 8(以下IE8)とFirefox3(以下FF3)の対応をしないといけなくなってきました。

以前作ったサイトとか、見ると結構崩れちゃってるんですよね;;
(このサイトはIE6ですでに崩れてるけどさ←直せよ)
今回の仕事からブラウザチェックにwinのIE8とFF3も含めてチェックするようにしています。

私は通常UTF-8のエンコードでソースを組むのですが、
メールフォームなどCGIの部分はShift-JISで組んでるんですね。
アップすると、メールフォームのページだけがIE8でおかしい見え方をしまして。
どうやらリストタグの指定をlist-style-type:noneを入れないといけないようです。
今までは特に指定なくてもよかったのですが・・・。
でもUTF-8では問題ないので、エンコードによっても見え方が変わってくるという問題がIE8はあるようですね。
まあ、リストタグに必ずlist-style-type:noneを入れておけば解決するので大きな問題ではないです。
でも師匠から聞いたらかなりIE8は酷いということなので、それはおいおい調べていかないといけないですな。怖いよIE8。

Firefoxの方ですが、3になって信頼の牙城が崩れだしてきている感があります。
微妙に見え方がおかしいんですよね。floatの解釈がおかしいのかな?
調べてみたらやっぱり、floatタグを指定したdivに対してブロック指定、
横幅を必ずpxで設定してあげないと下にmarginが発生するらしいです。
%指定はダメらしい。私は動的にしないといけない場合以外はpxで指定して
いるけど・・・%で指定しないといけない時はハックで対応しないと
いけないってことだよね。FF3対応のハック出てるけど、師匠から聞いたら
まだ完全ではないらしく。つっか↓

1..foo, x:-moz-any-link { } /* FireFox 2 */
2..foo, x:-moz-any-link, x:default { } /* FireFox 3 */
3.html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */

一番上でも長げぇわ!!!!

いつもブラウザチェックはFF基準に行っているので正直困りますわ;
IEは「IETester」があるから大丈夫。

「Google Chrome」も出てますが、これはSafari 日本語版「Safari 3.0.2 for Windows beta」に表示が似てるということなのでそれで対応を。

Mac版のSafariも必要なんだけど、会社の自分用マックが新人が入ってきて
取られてしまったんだな…(^^;)困った。

にしても・・・ブラウザに加え、CMSコーディング、jQuery、上司からFlashも覚えてと言われたのもあって、
勉強することが多すぎて頭がパンクしそうです。

2 のコメント

  1. Hiya, I am really glad I have found this information. Nowadays bloggers publish just about gossips and web and this is really annoying. A good blog with interesting content, that is what I need. Thanks for keeping this website, I’ll be visiting it. Do you do newsletters? Can not find it. adbdfeaddbac

    Johnd472

コメントを残す