html - HTML ボタンの位置

Question

Firefoxでチェックするとhtmlボタンとcssがありますが、クロムでチェックするとボタンの位置がずれています。

ボタンの HTML コード

<button type='button' id='viewSubjectRating' class="button_position">View Rating</button>

そしてそのCSSは

    .button_position
  {
    position:fixed;
    top: 575px; 
    left:950px;

  }

これに関する提案は大歓迎です。ボタンの画像は、Firefox と Chrome の両方でここにあります: http://postimg.org/image/opokg0z11/ http://postimg.org/image/o1fpx30b9/

score 1 · Accepted Answer

周囲のマークアップとスタイルを見なくても確信は持てますが、デフォルトのブラウザスタイルの違いである可能性があります。各ブラウザは、「箱から出してすぐに」どのように見えるべきかについて独自の考えを持っている傾向があります。

「リセット」スタイルシートを追加して、各ブラウザが同じ白紙の状態から動作していることを確認してください。例: http://yuilibrary.com/yui/docs/cssreset/

2 に答える 2