1

ヘッダーを中央に配置したかったのですが、すぐに問題が発生しました。繰り返しの BG (ストライプ ライン) を持つコンテナーが必要で、中央にロゴとメニューのヘッダーが必要です。

問題は、ヘッダー div を親 (コンテナー) の中央に配置できないことです。

これはHTML部分です

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Test</title>
        <link href="css/master.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        <div class="container">
            <dic class="header">
                <img src="images/logo.png" width="260" height="56">
        </div>
        </div>
        </div>
    </body>

</html>

そしてCCSは

@charset "utf-8";

body {
    background-color: #00162d;
}
.container {

    width: 100%;
    height: 100px;
    background: url(../images/header_bg.jpg) repeat-x;
}
.header {
    margin: 0 auto;
    width: 980px;
}

前もって感謝します！

ps 3年間コーディングしなければ、どれだけ忘れることができるかは驚くべきことです!

4

1 に答える 1

2 
<dic class="header">

する必要があります

<div class="header">

作業例: http://jsfiddle.net/dVvjm/

于 2013-07-21T14:26:08.860 に答える