Title: ヘッダー、フッターを横幅いっぱいに広げたい。
Last modified: 2013年10月31日

---

# ヘッダー、フッターを横幅いっぱいに広げたい。

 *  解決済 [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * (@nipper1122)
 * [12年、 11ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%80%81%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%82%92%e6%a8%aa%e5%b9%85%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84%e3%81%ab%e5%ba%83%e3%81%92%e3%81%9f%e3%81%84%e3%80%82/)
 * いつもお世話になっております。
 * ヘッダー、フッターを横幅をいっぱいに広げようと思い、
    こちらの[サイト](http://detarame.moo.jp/2010/12/20/ヘッダー、フッターをブラウザ幅いっぱいにする/)
   を参考に、
 * html
 *     ```
       <!--ヘッダーを幅いっぱいにする為のボックス -->
       <div id="headerbg">
       <!--ヘッダー -->
       <div id="header">
       ここに内容を書き込む
       </div>
       <!--ヘッダー終わり -->
       </div>
       <!--ヘッダーを幅いっぱいにする為のボックス終わり -->
       ```
   
 * css
 *     ```
       #headerbg {
       background-image: url(画像ファイルのurl);
       width:100%;
       min-width:1000px;
       }
       /* ヘッダー*/
       #header       {
       width: 940px;
       margin-right: auto;
       margin-left: auto;
       }
       ```
   
 * をやってみたのですが、左右上下10pxほど白のままになってしまい、画面いっぱいに広がり
   ません。
 * 他のcssが関係しているのかと思い、いったんcssを全部削除して、再度上記のものだけ
   をかいてみたのですが結果は変わらず。
 * 次にこちらの[サイト](http://presentnote.com/css-technique-widen-header-footer/)
   を参考に、
 * css
 *     ```
       html {overflow: auto;}
       body {overflow: hidden;}
   
       #example {
           margin-left: -500%;
           margin-right: -500%;
           padding-left: 500%;
           padding-right: 500%;
       }
       ```
   
 * も試してみたのですが変わらず。先ほどと同じく、css全部削除して上記のものだけで
   試したのですが、やはりかわりませんでした。
 * テーマはオリジナルのものを使っています。safariとfirefoxで見ています。
    こちら
   が制作中の[サイト](http://suliko.moo.jp)です。
 * 何か考えられる原因があったら教えて下さい。よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)

 *  [nekomimiTaicho](https://ja.wordpress.org/support/users/nekomimitaicho/)
 * (@nekomimitaicho)
 * [12年、 11ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%80%81%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%82%92%e6%a8%aa%e5%b9%85%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84%e3%81%ab%e5%ba%83%e3%81%92%e3%81%9f%e3%81%84%e3%80%82/#post-168425)
 * bodyに8pxのマージンが入っているので
 *     ```
       body {
           margin:0;
       }
       ```
   
 * と、リセットしてみてはいかがですか？
 *  トピック投稿者 [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * (@nipper1122)
 * [12年、 11ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%80%81%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%82%92%e6%a8%aa%e5%b9%85%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84%e3%81%ab%e5%ba%83%e3%81%92%e3%81%9f%e3%81%84%e3%80%82/#post-168432)
 * nekomimiTaichoさん
 * ありがとうございます！上下左右の余白が消えました！

2件の返信を表示中 - 1 - 2件目 (全2件中)

 トピック「ヘッダー、フッターを横幅いっぱいに広げたい。」には新たに返信することは
できません。

## タグ

 * [いっぱい](https://ja.wordpress.org/support/topic-tag/%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84/)
 * [ヘッダー](https://ja.wordpress.org/support/topic-tag/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc/)
 * [横幅](https://ja.wordpress.org/support/topic-tag/%e6%a8%aa%e5%b9%85/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2件の返信
 * 2人の参加者
 * 最後の返信者: [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * 最後の活動: [12年、 11ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%80%81%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%82%92%e6%a8%aa%e5%b9%85%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84%e3%81%ab%e5%ba%83%e3%81%92%e3%81%9f%e3%81%84%e3%80%82/#post-168432)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック