有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE(Internet Explore)のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
Windowsアップデートのように、Firefoxでは正常に機能しないサイトというのはまだ多少あるもので、こうしたサイトを閲覧したり機能を利用したい場合は、わざわざIE系のブラウザを立ち上げなくてはなりません。 こんなとき、Firefoxユーザーが迷わず利用するアドオンといえば、「IE Tab」でしょう。 IE Tabは非常にメジャーなアドオンで、Firefoxユーザーなら皆さんご存じかと思いますが、今回は、このIE Tabをカスタマイズしたアドオン「Coral IE Tab」をご紹介します。 「Coral IE Tab」は、IE Tabをベースにパフォーマンスの改善を行い、いくつかの新機能を搭載したアドオンとなっています。 基本機能は、ツールバーボタン 一つでIEエンジンに切り替え、FirefoxからWindowsアップデートなどもできるようになるというものです。 IE Tabとの主な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く