0

だから私は仕事のためのプロジェクトに取り組んでいます。下部にある長い黒いコンテナーは、ページの幅全体には及びません。どちらかの側で数ピクセル短く停止します。これが私のコードです：

   http://74.117.156.152/~pr0digy/


    <header class="mainHeader">
        <img src="images/uslegalbox.png" alt="usls box" >
    </header>

    <div class="textBox">

            <article class="capexText">
                <h2>Capital</h2><br />
                <h2>Expenditures</h2>
            </article>          

        <div class="buttonsBox">
            <nav><ul>
                <li><a href="#" >New CapEx</li>
                <li><a href="#" >Check Status</li>  
            </ul></nav>
        </div>

    </div>

それに付随する CSS は次のとおりです。

body {
        background: url('images/bg.jpg');
        background-size: 100%;
        background-repeat:no-repeat;
        color: #000305;
        font-size: 87.5%; /* Base font size is 14px */
        font-family: Arial; 'Lucida Sans Unicode';
        line-height: 1.2;
        text-align: left;
        width: 100%;    
}

.mainHeader {
        width: 30%
        height: auto;
        margin: 2% 0 0 -1%;
}

.mainHeader img {
        width: 35%;
        height: auto;
}

.textBox {
        margin-top: 10%;
        height: 275px;
        background-image: url('images/buttonsbox.png');
        background-repeat: repeat-x;


}

簡単なものが欠けているだけだと確信しているので、どんな助けでもいただければ幸いです。ありがとう！

4

2 に答える 2

0

Eric MeyersやNormalize.cssなどのリセット スタイルシートを使用していることを確認して、すべての要素スタイルをデフォルトに設定します。(body/html パディングなどを削除)

于 2013-08-06T17:18:49.127 に答える