以前友達に、このブログの表示が崩れることがある、といわれて、気にはなっていたのだが。
もうひとつのブログをそろそろオープンさせることもあり、代表的なブラウザをガンガンインストールした。
safariとgoogle chromeとopera。元はfirefoxとIE8だけだったので。
更に、IEのバージョン違いもインストールするとなると、windows updateのときなど何かと面倒そうだ。
と思っていたら、良いツールの情報が。。。
IE5.5+6+7+8をいっぺんに確認 IETesterバージョン0.3リリース
現在の最新バージョンは0.4.2で、無理をさせない限りは安定して動いています。。
さて、このツールを使い、本ブログをIE5.5で表示させたときに、3カラムのデザインが2カラムになってしまった。
友達が言っていたのはこの現象に似ている。(でも彼女はIE6だった気がするのだけどな)
どうやらスタイルシートのwidthでの横幅の解釈が、ブラウザによって違う、という問題に起因するようだ。
(今更、昔の問題のようで、すっきりと分かる、いい記事が見つけられなかったが、総合するとそんな感じ・・・)
というわけで、全体の横幅を800→840に変更してみたところ、折り返しが起こらなくなった。
こういうブラウザごとの表示ずれとかの修正は、どうも性に合わない。。。((○(´Д`)○))
とりあえず直ったのでよし。