IE/Chrome ブラウザの違いにハマッタ

Ads/Widgets:
サイト情報:
QLOOKアクセス解析
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

世の中にはWEBサイトを閲覧するブラウザというソフトがたくさんありますね。 最近オレが使ってみたことがあるものを挙げてみると、IE、Firefoxoperasafari、そしてGoogle Chrome。む、この1年くらいで使ってみたものに限定すると、思ったよりは少ないな。それにしても、こんな複雑怪奇で大規模なソフトが世の中にいっぱい存在して、しかも、ほとんどがエンドユーザに無料で提供されているのは不思議な感じがします。無料じゃないのって、Windowsを買うとその値段に含まれてついてくるIEだけだよねえ。個人的にはLinuxやらWindowsのOSのカーネルを作るよりも、ブラウザ作るほうが大変だと思うんですけど、実際のところはどうなんでしょう。(属性が違うから比較することに意味はないですかそうですか)

いっぱいある中で、オレはGoogle ChromeというブラウザをWEBサイトの閲覧に愛用しています。 Chromeは、デザインがシンプルで、とにかくレスポンスが早いところがお気に入りです。 レスポンスの早さはChromeだけでない、Google社のプロダクト全般でのこだわりである、という記事をどこかで見たような気がします。 このGoogleのポリシーは大好きです。 実際にコード書いてる人はかなり大変でしょうけど、それでも、イヤイヤ作らされたり、仕様書もらって淡々と作って出来上がるようなものではありえないと思います。もしもChromeがそんな状況でそれでも何かソフトウェア工学的な工夫で作られたソフトなら、「ソフトウェア工学は役に立たん」という私見(偏見)をアラタメます、はい。

IEも、バージョン8になってそれなりに高速になったらしいですね。高性能化、というキーワードに弱いので、リリースされると同時くらいに導入しましたが、いろんな記事で見た高性能っぷりは実感できませんでした。先入観が大幅に混じっているかもしれませんが、操作したときキビキビしてるChromeの方が使っていて気持ちいいです。加えて、どうカスタマイズしても今ひとつすっきりした見栄えにならないところはIE7から変わってなかったので、普段使いたいという気持ちになっていません。

ウィンドウズで生活していると、ときどきIEでないとできないことがあるので、そのときだけ仕方なくIEを使います。ActiveX連携でブラウザから起動するようになっているネットゲームの起動とかそういうことに。

ok-look.png
↑こう見えているつもりだったのに…
IE-look.png
↑こんなことにorz

…長い前置きでしたが、つまり、自分のブログは記事の確認にいつもchromeを使っていたので、久しぶりにIEを起動したついでになんとなく自分のブログを眺めてみるまで、IEでは思ったような表示になってない記事があることに気づいていませんでした。orz (既に修正済み)

調べてみると、『img』タグ中の『width』属性の働きに、

  • Chromeではパーセンテージで画像の横幅を指定可。『<img width="40%"...』とか書いとくと、画像の本来のサイズの40%の大きさで表示してくれる。.
  • IEでは%で指定不可。そのままのサイズで表示されてしまう。

という違いがあって、Chromeで確認しながら作った記事で、小さい場所に閉じ込めたつもりだった画像が、IEで表示すると変なはみ出し方になっていた模様。そういえば、「ピクセルで書くのメンドクサイ…パーセンテージで指定できれば楽なんだけどな」と思って書いてみたら、だいたい希望通りの見た目になったというところまでは確認したけれど、それが正しい使い方かどうか確かめなかったような気はします。

どっちが正しいHTMLなのかは別として(ドッチデモイイヨソンナコト)IEで正しく表示されなければうれしくないので、しぶしぶピクセル単位指定に修正。

ブラウザのHTMLエンジンによっては、いろいろな差がありえるということは、知識としては知ってました。が、知っているだけで実際と結びつかない知識になってしまっていたようです。だってHTMLを記述することなんてなかったんだもの…死蔵されていた知識が、イタイ教訓として浮上した一件でした。



正直、油断してたよ。でも反省してIEをデフォルトブラウザに戻したりはしない。
この記事へのコメント
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
http://arakiba.blog62.fc2.com/tb.php/48-416f8977
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック

 Copyright © アラキバ All rights reserved. 

 / Template by 無料ブログ テンプレート カスタマイズ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。