css - 設定幅div内の全幅背景画像

Question

あなたが私の質問を手伝ってくれることを願っています。私は手作業でコーディングされたウェブサイト内にWPブログを構築している最中であり、WPのcssが複雑であるために問題が発生しています。これがページです http://www.carehomesderby.co.uk/news/ メニューのナビゲーションとフッターをブラウザの全幅に広げ、コンテンツを中央に保ちたいです。ul幅を3000pxに設定してみました（たとえば）しかし、RHSに約30pxが追加されます。WPのheader.php内にあるため、メニューナビゲーションを分離できません。同じ要素のスタイルがいくつかの場所で引き出されているため、何が何であるかを判断するのが困難です。よろしくお願いします

Answer 1

私はあなたのページを見ましたフッターについては、ページ全体をカバーしたい場合は、フッタータグから役割を削除してください

<footer id="colophon" style="width:100%;" role="contentinfo">

ロール属性からcontentinfoを削除するだけです。

ロール属性からcontentinfoを削除するだけです。

ナビゲーションの場合：いくつかのことが必要です、私はここであなたにアイデアを与えています

1. サイトクラスの最大幅を削除します

   .site { /*max-width: 68.5714rem;*/ }

2. divタグから幅950pxの値を削除します

   <div id="page" class="hfeed site" style="padding-top:0px; margin-top:0px;">

それが何をするかというと、あなたのナビゲーションとページはページ全体を取得し、ナビゲーション以外の好きな場所にコンテンツを設定するだけです。

Answer 2

あなたは試して追加することができます：

position:absolute;
left:0px;

1479行目。

そして、ナビゲーションボタンをナビゲーションバー内の新しいdivに配置します。例えば：

<div class="nav-menu">
        <div class="nav-button">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About Us</a></li>
            <li><a href="">Facilities</a></li>
            <li><a href="">Respite Care</a></li>
            <li><a href="">Day Care</a></li>
            <li><a href="">Gallery</a></li>
            <li><a href="">Events</a></li>
            <li><a href="">Testimonials</a></li>
            <li><a href="">Contact Us</a></li>

        </ul>
        </div>
        </div>

次に、ボタンを中央に配置します。