ストレッチ画像（ではないバックグラウンド）HTMLとCSS

Question

とWordpressのではフルブラウザの幅に私は、フルブラウザのサイズにGIFの表示を作るためにしようとしている、しかし私はそれメニュー（サイトヘッダーのdiv）以下とフッター上記欲しいです。これを行うために、私はページヘッダーdivを隠して、小さなコンテナに貼りついています。 `

<div id="content" class="site-content"><div class="page-header"><div class="container"><h1 class="entry-title">Kampania</h1></div></div><div id="content-inside" class="container no-sidebar"><div id="primary" class="content-area"><main id="main" class="site-main" role="main"><article id="post-1259" class="post-1259 page type-page status-publish hentry"><header class="entry-header"></header><div class="entry-content"><p><img src="https://shop.sin.org.pl/wp-content/uploads/2017/03/gif.gif" id="selector"></p></div></article></main></div></div></div> 

divに含まれるもの「content-area」「site-content」divに移動する必要があります。どのように達成するのですか？

https://shop.sin.org.pl/pl/kampania/

ありがとう！

Answer 1

あなたは100％の幅にページ・テンプレートを設定しようとしたことがありますか？

それはあなたがてmanualy 100％にページwidhtを設定することができます動作しない場合。

#content-inside { 
    width:100%; 
    max-width:inherit !important; 
    padding:0 !important; 
} 

Answer 2

確認済みのリンク...このクラス！あなたは両方の物事これを使用することができるように、クラス=「コンテナ」...は：

1号は、以下の属性を持つコンテナクラスを変更です：

.container { 
    max-width:100% !important; 
} 

2号が別のクラスとしてコンテナを上書きしています同じ属性：

.anothercontainer { 
    max-width:100% !important; 
} 

これは機能するはずです！あなたがそれらをしたいいけない場合

あなたには、いくつかの左パディング、右を見つけるだろう、私が推薦する：

.anothercontainer { 
    max-width:100% !important; 
    padding: 0 !important; 
} 

Answer 3

このCSSを追加してください：

#content-inside { 
    max-width: 100%!important; 
    padding: 0px!important; 
}