ブログのデザインでIEに泣かされる

IEのCSSには絶対に困らされる。これは誰も否定しない数少ない「絶対」に違いない。絶対。

このブログはテンプレートにwp.vicuna.excというテーマを使っている。このテンプレート自体はIE6とかでも正しく動作するように作られているようで、ちゃんと考えられてるなぁと関心していた。

しかし、このテーマをカスタマイズしたときに混入したボクのミスによって、IE6とIE7で下のような表示になっていた。最初のころにIEでちゃんと動いていたから横着して動作確認していなかったのが原因か。

別にIEのことを批判したりするものではなくて、IEはそういうものだという認識はもっている。

不具合の原因

テーマをカスタマイズしたときに、CSSをテスト的に修正していろいろ試すことがある。そのときに、つい癖で1行コメントアウトで以下の表記をしていた。

//	background-color: #555;

この1行コメントアウトは、IE系では無視されるみたい。こんな表記をしていた箇所を全部削除したら正しく表示されるようになった。

そのほかの変更点

そのほかにテーマのCSSにもともと表記のあった以下を削除して幅を固定にした。以下の表記はIE6では対応していない。

min-width: 600px;
max-width: 1000px;

あと、ブログのタイトルを変更した。もともとは「life & live」というタイトルだったけど、意味がよくわからんのと記憶に残りにくそうということで「謎のおっさんLIFE」とした。ブログタイトルを変えることが記事のメインの内容になってもおかしくないんだろうけど、今のところ読んでくれている人も少ないので、そんなに影響ないかなということで。

「謎のおっさんLIFE」というタイトルは、ブログタイトルなんにしようかなーと適当に検索していたときに見つけた以下の動画から。ぜんぜん関係ない検索キーワードだったのに何故か以下の動画がヒットして、20年来の聖飢魔II信者のワタクシとしては運命的なものを感じたので即採用した！

こちらもどうぞ:

• このブログのデザインについて
• ブログ始めます。
• OICHI Webサイト作成キックオフ会議
• 週末起業でアフィリエイトやドロップシッピングをやってはいけない理由
• デザイナさんとの打ち合わせ