【Plone】CSSにおけるブラウザ表示の違い

Plone は CSS を使用しているので

レイアウト変更したいのなら CSS の設定は避けて通れません

そこで、Firefoxプラグイン 用にEditCSSというツールがあるんですけど

これがとても便利ツールで、ブラウザを開きながらCSSを編集ができ、さらにそのまま編集箇所を反映するできます

このツールを使い Firefox でホームページのCSSレイアウトを作成しましたが

Sleipnir でホームページを開いたら、な、な、なんと!!

レイアウトがずれているのではあーりませんか!!

こうなるはずが・・・  うまくいった

こうなってしまう・・・  うまくいってない

それで、原因究明のためにネットで調べてみたら、ブラウザによっては「CSS の認識の違い」があるんだそうです

大きく分けてブラウザ認識タイプが下記の2つあるらしいです

IE、Sleipnir

Firefox、Netscape

つまり、Firefox で CSSレイアウト そろえたら、Netscape でも問題なく同様に表示されるって事ですが、IEの場合は・・・

ちなみにブラウザによる表示の違いがあるタグは、現時点までで「padding」「margin」「border」・・・ 他にもまだいっぱい見つかるかもしれませんね・・・

IEなんて使用ユーザ数多いんだから Firefox とかと互換があってほしかったです・・・

さて、この表示の差異、如何しますか・・・

【Plone】CSSにおけるブラウザ表示の違い 続きに続く

タイトルとURLをコピーしました