2011-12-24 15 views
0

このコードは(私の意見では)うまくいくはずですが、なぜそうでないのか理解できません。事前に感謝html/cssを中心にすることはできません

<body> 
<div id="wrap"> 
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html> 

EDIT: 私はそれを中央にしようとしています。それは左上隅にとどまっています。両方のdivにautoの高さと幅を追加しても機能しませんでした。

+0

ブラウザとバージョン – diEcho

+0

「うまくいかない」のはどうですか?あなたのコードが実際に何をしたいのかを言わないと、誰があなたを助けるでしょうか? –

+0

タイトルに「センターできません」というメッセージが表示される 画面のデフォルトの左上隅にとどまります。 logo.pngを中心にしたいだけです。 –

答えて

0

あなたの部門を中央に設定する前に、2つの事柄をチェックする必要があります。

  1. Doctype:quirksモードではないかどうかを確認します。

  2. 内側のdivの幅は、親divの幅より小さくする必要があります。

あなたはあなたの答えを得るでしょうか...すべて最高です。

0

内側のdivの幅が#wrapのdivの幅より小さいのですか?

0

ラップには設定された幅があると思いますが、画像を保持するdivには設定された幅も必要です。

Fiddleこれは動作することがわかります。 (この質問のビットオーバーキル、私は知っている:))

2

ロゴを水平にしたい場合は、また、含まれているdivの幅を指定する必要があります。ここにサンプルコードがあります。

<html> 
<body> 
<div id="wrap"> 
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div> 
</div> 
</body> 
</html? 
1

内側のdivは、自動余白が動作するための幅が設定されている必要があります。

関連する問題