私は Web サイトで作業しており、ブラウザー間でいくつかの問題が発生しています。一部のブラウザーでは、サイトが完全に中央に配置され、左右に黒い境界線が表示されます。他のブラウザーでは、左側に黒い境界線がなく、右側に大きな境界線があり、左揃えで表示されます。HTML または CSS をすべてのブラウザーで適切に配置するように設定する方法についての提案はありますか?
より詳しい情報：
PC が中心のようですが、Mac は中心ではありません。友人はそれが中央にある PC を持っていますが、私の Mac ではそうではありません。アドレスは bellfortchurchofchrist.com です。
更新：以下の回答で提案されたいくつかのコードを追加しました。これはPC上にあります：
これは、Safari 上の私の Mac にあります。
これは配置の問題に対する回答です。境界線について何を意味するのかわかりません。OS X の Chrome では、サイトに境界線のない黒い背景があります。
配置を修正するには、Web サイト全体をラッパー<div>タグに入れ、そのラッパーに次のスタイルを与える必要があります。
width:1000px; margin:auto; position:relative;
タグは の直後に開始し、 の直前で終了する必要が<body>あり</body>ます。
これにより、ウェブサイトの幅が固定され、中央に配置されmargin、position:relative絶対配置<div>タグがラッパーから離れて固定されます。
サイトの構築方法は非常に柔軟性がありません。Web サイト内の要素を絶対的な位置に配置するよりも、要素を自然にスタックしてフロートさせる方が適切です。これは、さまざまなブラウザーやモバイル デバイスで問題が発生する可能性があることを意味します。
国境の問題を明確にすることができれば、おそらくそれに対する解決策も提供できます。