ヘッダー、フッターを横幅いっぱいに広げたい。
-
いつもお世話になっております。
ヘッダー、フッターを横幅をいっぱいに広げようと思い、
こちらのサイトを参考に、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を全部削除して、再度上記のものだけをかいてみたのですが結果は変わらず。
次にこちらのサイトを参考に、
css
html {overflow: auto;} body {overflow: hidden;} #example { margin-left: -500%; margin-right: -500%; padding-left: 500%; padding-right: 500%; }
も試してみたのですが変わらず。先ほどと同じく、css全部削除して上記のものだけで試したのですが、やはりかわりませんでした。
テーマはオリジナルのものを使っています。safariとfirefoxで見ています。
こちらが制作中のサイトです。何か考えられる原因があったら教えて下さい。よろしくお願いします。
2件の返信を表示中 - 1 - 2件目 (全2件中)
2件の返信を表示中 - 1 - 2件目 (全2件中)
- トピック「ヘッダー、フッターを横幅いっぱいに広げたい。」には新たに返信することはできません。