ไม่ทราบความหมายของเส้นขอบของ Firefox
หมวดหมู่: ปัญหาเครื่องคอมพิวเตอร์ทั่วไป
2010-08-24 ปรับปรุงล่าสุด:
2008/11/17 กระทู้: อาทิตย์
คุณไม่ทราบเพราะผมเขียนมีขนาดเล็กเพียงครั้งเดียวก็เต็มไปด้วยความหมายและ
การทำงานบนเว็บไซต์ของฉันคิดว่าสายไปที่ขอบของเบราว์เซอร์บินเราตั้งชายแดนในสไตล์ชีต ฉันสามารถดูได้ดีกับ IE คุณฟรีมันเป็นช่องว่างและ Firefox ···
ต่อไปนี้ HTML ที่ (ในรูปแบบของอัตรากำไรองค์ประกอบร่างกาย: ตั้ง:; 0px 0px ขยาย)
ท่านได้ระบุ 10px ขอบใส่องค์ประกอบ div ใน div
<div style="margin: 0px auto; padding: 0px; border-left: 1px solid black; border-right: 1px solid black; width: 250px;"> <div style="margin: 10px;">テスト</div> </div>
表示結果が下の通り。
Firefoxだと10px分の隙間が出来てしまいます。
これがそういう仕様であれば仕方ないのですが、スタイルシートに「border」の一括指定、もしくは「border-top」を追加すると今度は下のようにちゃんと上まで線が引かれます。
<div style="margin: 0px auto; padding: 0px; border: 1px solid black; width: 250px;"> <div style="margin: 10px;">テスト</div> </div>
一体これはどういう解釈なのかしら？という疑問です。
[2009-09-17 追記]
どうやらこれはFireFoxではなくIEの方がバグらしいです。（ コメントを頂きました ）
しかし、どちらかというと私的にはIEの解釈の方がすんなり受け入れる事が出来るのですが…(^－^;
- タグ
- firefox border 違い
- トラックバックURL
2008/11/17 月曜日 14:46:57
はじめてコメントいたします。
私もＦｉｒｅｆｏｘでグーグルにログインできない？に悩まされたので
何か妙案をと思いブログを探していたところ、
こちらにたどりつきました。
私もウェブ製作中ＩＥとＦｉｒｅｆｏｘのＣＳＳに苦しんでおりますゆえこのようなバグ（？）情報があると助かります。
ありがとうございました。
2008/11/17 月曜日 15:55:33
＞ayahanaさん
コメントありがとうございます。
「そういう事がありました」と問題を提起しているだけで何ら解決策を示しているわけではないのですが、そんな事もあるんだと心に留めておいていただいたら幸いです。
ただ、出来るだけシンプルに再現したつもりですが、私の書き方が悪い可能性もありますのでその際はご容赦ください。