kawama.jp

スタイルシートでのFirefox対応の注意

カテゴリ: 技術関連 — 2005年9月17日 20:33 — Comments (0)hatebu count

「IEではちゃんと表示されるけど、Firefoxでは表示が崩れてしまう」
ということがよく起こります。自分の場合主にその原因は、IEとFirefoxでの「padding」の認識の違い
たとえば、こういうスタイルシートがあった場合、
hoge {
width:100px;
padding: 10px;
}
◆IEの場合→横幅は100pxとして認識しされる
◆Firefoxの場合→横幅は120px(左padding+右padding)として認識される
この違いのせいで、Firefoxでガタガタになってしまうことがよくあります。
対策は、「paddingを使わない。marginを使う」など。かなり不便だが、どうしようもない。よく注意して、あとで困らないよう先手先手で対応するよう心がけましょう。。

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Copyright (C) 2002 - 2017 kawama All Rights Reserved. — Powered by WordPress