IE7でAppBankを見たときにレイアウトが崩れる問題が直りました!

さきほど、IE7でAppBankを見たときに発生していた大幅なレイアウト崩れの問題が直りました!
これまでご不便をおかけしていたIE7の皆様、申し訳御座いませんでした。これからは安心してAppBankをご覧ください!


ちなみに一応報告しますと、これまでは記事内の画像にかかるCSSのせいでレイアウトが崩れていました。

これまでのCSSがこちら。

#content p img {
float: left;
border: none;
margin-right: 5px;
margin-bottom: 10px;
padding-top: 7px;
}

上記CSSにおける、この子⇒「margin-right: 5px;」が邪魔をしてました。具体的にはiPhoneの縦画像が2枚並んでいる際にmargin-rightがレイアウトを崩していたのです。

今回、下記の1行上記に加えることでIE7とそれよりも前のVerのみmarginを0に上書き指定し、IE7でのレイアウト崩れを解消できました。

#content p img {
float: left;
border: none;
margin-right: 5px;
*margin-right: 0px; ←この行を新たに追加
margin-bottom: 10px;
padding-top: 7px;
}

上記方法で他のブラウザ(IE8, Fx, Chrome…など)はこれまで通り5pxの余裕を、IE7,IE6のみ0px、となりました。

今回こっそりアドバイスくださった優しい方、ありがとうございます!

以上、ご報告でした。

参考になったらシェアお願いします!
Twitterへ Facebookへ はてブへ Pocketへ
▼新着記事やオススメ記事を投稿中!