< | >

ブラウザシェアの問題、IE6でレイアウト崩れ
  • (2011-09-17 05:18:28)

IE6のレイアウト崩れは人気のトラブル


先日はまったIE6対応は?で発見したIE6のレイアウト崩れは時間もなく放置されてきたが、ついに重い腰を上げて取り組んだ。

「IE6 css レイアウト崩れ」あたりで検索すると2006年くらいから最近の記事まで、とってもポピュラーなトラブルであることがわかった。

これだけ経験者がいれば相当ノウハウも積み上がっているだろう、解決策は簡単にわかると楽観したが、やはりはまった。

トラブル経験者は多いのもの、解決策はバラバラで「これをやれば即決!」という竹割り型のソリューションはない。

一筋縄ではいかない


CSSの問題を理解し抜本的解決をはかりたいという意志はなく、私のようにとりあえず直ればいいというレベルの人間にとっては厳しい。

・paddingやmarginの解釈が違うので使用場所や方法を工夫する。
・floatの前にdisplay:inline;を入れる。
・DOCTYPE宣言を標準モードに。

などなどアドバイスがあったが、自分のところの問題にはことごとく的外れだった。

ここまで来ると小手先方式は断念し、どこでレイアウト崩れの原因があるのか切り分けを行うため、少しずつCSSの余計な部分を切り落としながらチェックするとなんとCSSのコメントアウトが原因と判明。

コメントアウトの作法違反、これだけ?


コメントアウトのスタート(/*)部分は問題ないが、フィニッシュの(*/)部分はその直線の文字に全額文字が許されないようだ。

*/の手前には半角スペースを入れるか、半角英数字にする必要がある模様。

これだけ?

これだけで、レイアウト崩れは解決した。

※追加情報:IE6問題はこちらに詳しい
http://weboook.blog22.fc2.com/blog-entry-248.html






<< ブラウザシェアの問題、IE9でカート不具合< | >技術革新に飛びつかず「体力と時間を節約」はセコいやり方? >>
search
layout
admin

[▲page top]