インターネットエクスプローラー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を表示する方法

おすすめの記事

エンティティとデコード用プラグイン「Entity Decode Button」を作成しました

エンティティとデコード用プラグイン「Entity Decode Button」…

「アマレコTV」でWindows 10のPC画面に表示されている動画を撮影する方法

「アマレコTV」でWindows 10のPC画面に表示されている動画を撮…

使うであろう文字だけの、HTML・XHTMLエンティティシート

使うであろう文字だけの、HTML・XHTMLエンティティシート

Web制作の仕組みを根底から覆すかもしれないWix ADIの人工知能

Web制作の仕組みを根底から覆すかもしれないWix ADIの人工知能

ユーザーの環境変数を設定するbashの設定ファイルと、カスタムプロンプトについて

ユーザーの環境変数を設定するbashの設定ファイルと、カスタム…

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

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

SNSのカウントをキャッシュするWordPressのプラグインを作成しました

SNSのカウントをキャッシュするWordPressのプラグインを作成し…

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャ…


コメントを残す

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

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