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、となりました。

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

以上、ご報告でした。


ライター / 記事カテゴリ

entrypostman | 2009.10.29 5:49 pm | ニュース

Twitterで@appbankをフォローして最新情報をゲット!



最近話題のレビュー記事一覧 ( 直近2週間の記事のRT数順 )


週間PVランキング


このエントリーをはてなブックマークに追加

サイト内検索

例: カレンダー、カメラ、デコメ、なめこ


究極の神iPhone特集


「教えて!AppBank」始めます。iPhoneに関する疑問・質問にお答えします。


【保存用】Google カレンダーの使い方完全まとめ。iPhoneのカレンダーを使いこなそう!


AppBankのiPhoneまとめ・特集一覧。アプリ・ケース・使いこなし他