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

Je ne sais pas l'interprétation de la frontière de FireFox

Vous ne savez pas parce que j'écris un petit une fois a été en proie à des sens et.

Travailler sur un site web, je pense que d'une ligne vers le bord du navigateur VOL, nous avons mis de la frontière dans la feuille de style. Je peux le voir bien avec IE, vous libre, il ya un fossé et Firefox · · ·.
HTML suivant celui. (Dans le style de la marge élément de carrosserie: régler:;; 0px 0px padding)
Vous avez spécifié un 10px marge mettre un élément div dans un 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>

表示結果が下の通り。

L'interprétation de la frontière dans Firefox

Firefoxだと10px分の隙間が出来てしまいます。

これがそういう仕様であれば仕方ないのですが、スタイルシートに「border」の一括指定、もしくは「border-top」を追加すると今度は下のようにちゃんと上まで線が引かれます。

Différence de la frontière dans FireFox

<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に戻る