パソコンやソフトでのトラブル全般について

لا أعرف تفسير الحدود من فايرفوكس

كنت لا أعرف لأنني أكتب كان يعاني صغيرة مرة واحدة من قبل ومعنى.

العمل على موقع على شبكة الانترنت، وأعتقد أن خطا إلى حافة المتصفح الطائرة، يمكننا تحديد الحدود في ورقة الأنماط. أستطيع أن أرى جيدا مع آي إي، وأنت حر هو وجود فجوة وفايرفوكس · ·.
HTML بعد ذلك. (في نمط من الجسم هامش العنصر: تعيين:؛؛ 0px 0px الحشو)
كنت قد حدد هامش 10px وضع عنصر 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の解釈の方がすんなり受け入れる事が出来るのですが…(^-^;

タグ
トラックバックURL
  • ayahana さん:
    2008/11/17 月曜日 14:46:57

    はじめてコメントいたします。
    私もFirefoxでグーグルにログインできない?に悩まされたので
    何か妙案をと思いブログを探していたところ、
    こちらにたどりつきました。

    私もウェブ製作中IEとFirefoxのCSSに苦しんでおりますゆえこのようなバグ(?)情報があると助かります。
    ありがとうございました。

  • akahoshi さん:
    2008/11/17 月曜日 15:55:33

    >ayahanaさん
    コメントありがとうございます。

    「そういう事がありました」と問題を提起しているだけで何ら解決策を示しているわけではないのですが、そんな事もあるんだと心に留めておいていただいたら幸いです。

    ただ、出来るだけシンプルに再現したつもりですが、私の書き方が悪い可能性もありますのでその際はご容赦ください。

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ページTOPに戻る