人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

MobavletypeのCSSについて質問です。
エントリー部分を1つずつ、二重線のような枠で囲みたいと思っています。
外側が太めの線で、内側を細い線をしたいのでentry部分にdivをひとつ付け足しました。

IEで確認したところ、全く問題なく表示されたのですがFFで確認すると細い線の枠が右側に突き抜けて#container-innerいっぱいに表示されてしまいます。
外側の太い線の表示は正しいままなので、線が交差している状態です。

原因は何でしょうか?
また改善方法がわかればお願いします。
ソースはコメント欄に。

●質問者: eco_clover
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS ff IE ひとつ エントリー
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● komorebi
●70ポイント

飛び出してしまった部分に、padding で余白をつくっていませんか?

おそらく、ボックスモデルの解釈違いによるものだと思いますよ。

http://www.lucky-bag.com/archives/2004/10/post_3.html

http://snippet.admi.co.jp/archives/38/

モダンブラウザと、IE6以下、そしてIEだけでも、6と以下で解釈が随分違います。

◎質問者からの返答

ありがとうございます!

entryの幅は設定していなかったのですが、

ハックと共に設定したら無事解決いたしました。

早い解決ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ