html - センタリングの問題

Question

私はこれを機能させることができないようです。

http://www.keironlowe.host56.com

私が必要とするのは、解像度に関係なく、不透明度の低い画像が中央に配置されるバナーです。ラッパーを試しましたが、ラッパーの幅が 800 であるため、画像を切り取って、margin:0 auto; を試しました。タグを使用してみましたが、高解像度ではまだ中央に表示されません。

Answer 1

@Logan の例のタグは必要ありません。とにかく、そのタグは非推奨です。スタイルシートで幅 (auto ではない) を設定し、margin-left と margin-right を 'auto' に設定すると、センタリングが適切に処理されます。

Answer 2

センタリングと画像を CSS から HTML に取り込んでみてください。css は次のようになります。

 #banner {
background-color:#000000;
height:350px;
width:auto;
margin:0 auto;
}

HTML は次のようになります。

<div id="banner">
<center>
<img src=".....">
</center>
</div>

それが私がすることです。

Answer 3

<center>まず、 の周りにあるタグを取り除きます<div id="banner"></div>。あなたはそれを必要とせず、廃止されました。

次に、次のブロックの現在の CSS を交換します。

#banner {
background-color:#000000;
background-image:url(../IMG/Banner_BG.png);
background-repeat:no-repeat;
height:350px;
width:auto;
margin:0 auto;
}

このため：

#banner {
background:url("../IMG/Banner_BG.png") center #000000 no-repeat;
height:350px;
margin:0 auto;
}

省略形の多くの背景属性を交換しました。画像を背景として表示しているため、 のbackground-positionプロパティに追加されましたcenter。これで、画像が中央にブルズアイされます。