2008年11月29日

ブラウザとして位置がずれている

ちゃんとCSS書いていてもブラウザによって微妙に位置がずれると以前書いたが、どれくらいずれるかを検証(?)してみた。

ズレの対象に使ったのは、Samootzのフォトパーツ。
サイズは200×200(px)、SSのグリッド(マス)の一辺は10px。

IE7
zure-ie7.jpg

zure-ies.jpg

FireFox
zure-ff3.jpg

zure-ff3s.jpg

Safari
zure-as.jpg

zure-ass.jpg

Netscape
zure-n.jpg

zure-ns.jpg

Opera
zure-o.jpg

zure-os.jpg

Chrome
zure-gc.jpg

zure-gcs.jpg

IEがずれていないのはある意味当然だが、Chromeもずれていないのは驚いた。
その次にましなのがOpera、Safariの順で、ネスケとFFは約8pxほどずれていた。
このズレはマージンやパディングを細かく指定しても直らなかった、そもそも無理なのかもしれない。
やはり、IE基準にデザインするのが無難のかもしれない。
ズレは10pxも行かないようなので、他のブラウザ基準でデザインを考えるときもそこを覚えて置けば、他のブラウザでも見辛くなる事を避けれるかもしれない。



posted by 壬風蛙 | Comment(2) | TrackBack(0) | ゑぶ弄り>その他 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
おおおー!
素晴らしい検証ありがとうございます。
参考になりました
Posted by ショコラトル at 2008年12月01日 19:44
少しでも参考になっていれば幸いです。
目がチカチカしますが(w
Posted by 壬風蛙 at 2008年12月03日 00:11
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


この記事へのトラックバック

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。