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

おすすめの記事

Web制作の自由度をフレームワークレベルまで高めたCorvid by Wix 

Web制作の自由度をフレームワークレベルまで高めたCorvid by Wi…

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10で読み込む方法

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10…

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

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

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

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

fluentdと連動して集計処理を行うNorikraの導入方法

fluentdと連動して集計処理を行うNorikraの導入方法

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

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

標準のアンインストーラーで消えないソフトを徹底的に削除する方法

標準のアンインストーラーで消えないソフトを徹底的に削除する…

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザイン…


コメントを残す

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

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