インターネットエクスプローラー6用にデザインを調整


投稿日:2011年10月23日
  • 0
  • 0


2011年10月現在でもIE6の利用者がいる。
当サイトでも5%以下だがIE6で訪問してくださる方がいる。

フラグシップなデザインサイトなら仕方ないがアクアリウムに関する辞書としての機能を持たせる以上、可能な限りの環境に対応したい。

それにしてもこのIEのバージョンによる違い・不具合はいい加減にしてほしいものだ。webデザイナーやコーダーがプロとしてやっていくためにブラウザハックが有利に働いていると主張する方もいるが、果たしてそうだろうか?
この無駄な時間をよりクリエイティブなものを生み出す時間に当てたほうがよっぽどいいと思う。

そもそもなぜバージョンでデザインが変わってしまうのか。くだらない機能ばかり追加して重くすることだけに懸命で、もっとも大切な部分を未完成で発表するのはなぜか?速さなどはChromeに水を開けられたとしても正確さだけでも堅持できれば多くのユーザーが支持すると思う。
などなど、IEに言いたいことは腐るほどあるが、そんな不毛な論議をしても仕方が無いので、この辺にしておく。

単純な話、親要素で指定した幅が子要素に引き継がれないことが原因でデザインが崩れていた。子要素にも「width=590px;」と指定して万事解決。
さらにテーブルなども微調整する。透過PNGについては諦めた。今から角R用の画像を用意して…。となると気が遠くなるw

そして完成しました。「アクアリウムWiki」最新OSで見ていた人には何が変わったのかわからないと思いますがw

今回は「IETester」という同時にIE5.5、IE6、IE7、IE8、IE9での見え方を表示することの出来るソフトを使用した。CPUパワーを無駄に使ったり、終了できなかったりとバグが多いが、確認のために使用する程度なので十分実用性がある。なによりフリーソフトということが嬉しい。


現在のページを共有する



現在のページに関連する記事

インターネットエクスプローラー6用にデザインを調整 これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
インターネットエクスプローラー6用にデザインを調整 Windows 10でネットワークが不安定になった際の対策まとめ
インターネットエクスプローラー6用にデザインを調整 Google Map APIでカスタムアイコンが表示されない不具合
インターネットエクスプローラー6用にデザインを調整 「人気ブログの作り方」もう色で悩まない!人気ブログから学ぶ色彩のテクニック
インターネットエクスプローラー6用にデザインを調整 lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本
インターネットエクスプローラー6用にデザインを調整 ソフト名に付くGAって何の略?
インターネットエクスプローラー6用にデザインを調整 初めてでも理解できるようになる「Google Chrome機能拡張の開発」

おすすめの記事

Windows 10を32bit版から64bit版に変更する方法

Windows 10を32bit版から64bit版に変更する方法

Windows 10でネットワークが不安定になった際の対策まとめ

Windows 10でネットワークが不安定になった際の対策まとめ

ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法

ページ編集の手間を劇的に減らす、Custom Field Templateでカス…

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

誤って削除したGoogle Chromeのブックマークを復元する方法

誤って削除したGoogle Chromeのブックマークを復元する方法

iptablesで設定したパケットフィルタリングが正しく動作しているかテスト

iptablesで設定したパケットフィルタリングが正しく動作してい…

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。