インターネットエクスプローラー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用にデザインを調整 PukiWikiにgooglemaps3を導入して、Google MAPを表示する方法

おすすめの記事

サーバの処理を自動実行するcronの仕組みと応用法

サーバの処理を自動実行するcronの仕組みと応用法

Norikraの使い方をサンプルのクエリとイベントを交えて解説

Norikraの使い方をサンプルのクエリとイベントを交えて解説

ads.txtの設置方法を通して学ぶインターネット広告の問題点

ads.txtの設置方法を通して学ぶインターネット広告の問題点

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

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

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を作成しました

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を…

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポン…


コメントを残す

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

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