【WordPress】IEで見たときにブログが中央表示されないのでいろいろ考えてみる

CSS Carved Pumpkin / mauricesvay

CSS！CSS！

どうも、CSSでおなじみの@hawk_aです。 わかっているんです、わかっているんですけれども、治らないんです。

IE(Internet Explorer)ではこのブログがめちゃくちゃ見づらいのが。

意外とIEからのアクセスもある日もあるので、無視できないなぁ。と痛感しております。

対策1.CSSを触りまくる。だめだったけど。

※2012/12/09追記
現在は自作テーマを使用しています。 

このブログテーマ、Thematic。 

WordPressテーマフレームワークThematicを使おう | waratsuyoshi.jp

テーマフレームワークと言いまして、テーマを1から作らなくても、カスタムしやすいように作られているブログテーマです。このブログテーマのCSSは少し変わっていて、元のCSSを変えないでコピーしたCSSを変えるだけでブログの表示が変更されるというものです。

参考 : ページ全体を中央に表示（センタリング） – WEBサイト作成　フリー素材コード　の1uphp.com

そこでコピーしたCSSに以下のものを貼りつけてみました。

#container {
margin-left:auto;    /* 左側マージンを自動的に空ける */
margin-right:auto;   /* 右側マージンを自動的に空ける */
text-align:left;     /* 中身を左側表示に戻す */
}

結果、変わらず… コピーしたCSSに処理を書いても変わらないことがあったので、元のCSSを書き換えても変わらない。 なじぇだ。

対策2.ブログテーマを変更してみる

design en ascii | ascii design / ° o O °o O ° ° o °

 これは根本的な解決にはなりませんが、そもそもこのデザインを選んだのは自分でカスタマイズできる部分が多いからです。 でも、この問題を解決できないのなら自由にカスタマイズできる実力がないということであります。 他のデザインを考えてみてもいいかなぁと。

対策3.ブログテーマを自作でデザインする

self portrait / swanksalot 

Thematicを使えばそんなに苦労せずカスタマイズできるし、CSSの勉強になっていいかも！ と思っていたのですが、どうせカスタマイズするなら、自作してみても面白ろそーです。 @OZPA御大の快挙を見てしまうとめちゃくちゃそそられます。 このテーマ、欲しいもん。

参考 : 「OZPAの表4」のブログのテーマを自作しました！！ | OZPAの表4

と、いうことで

3つほど考えているのですが、やりがい的には3がダントツなのでいつかは自作いたしたい！ とりあえず本は買ってみた。 

WordPress レッスンブック 3.x対応
posted with カエレバ

エビスコム ソシム 2010-09-08

Amazon

楽天市場

 

 

半年くらいでできるだろうか…

2012/01/20 9:18追記

@OZPA御大がException Code.こそ21、22世紀を代表するブログだと言って下さいました！うそです。

[blackbirdpie url=”https://twitter.com/#!/OZPA/status/160138388085809152″]