スモールビジネスのIT日誌

• (2011-09-21 07:26:53)

IE7、おまえもか

IE7はOKと思っていたが、やはりIE7にもレイアウトの崩れを発見。この場合、レイアウトの崩れと言うよりタイトル画像の下にメインコンテンツが潜り込みトラブル。

これも「IE7 レイアウト 崩れ」で検索するといろいろでてくるいが、IE7の場合はIE6のときより定番のトラブルは少ないようだ。

結果的にcssファイルをじっくり眺めて解決。最初のタイトル用ボックスエリアのheight指定をはずすと正常化した。

height指定が存在してもそれより大きい画像を入れると他のブラウザは勝手にその下のコンテンツを下げてくれるが、IE7は厳密にheight指定を遵守してくれる仕様の模様。

根本的な問題はcssの勉強不足

今までバージョン毎にいろいろなトラブルがあったが、すべてcssの根本的な理解不足に起因するトラブル。タイミングを見て一度cssファイルをはじめから見直すのもよいかもしれない。半年以内くらいに。

今回のトラブル状況

今回テストしたブラウザとトラブル状況

・IE9 トラブル(カート不具合)

・IE8

・IE7 トラブル(レイアウト崩れ)

・IE6 トラブル(レイアウト崩れ)

・Chrome最新バージョン

・FireFox最新バージョン

・Opera最新バージョン

・Safari最新バージョン