ヘッダーとフッターを次の画像のように
画面いっぱいに拡大したいです。
ところが、下図のように
ヘッダーは下以外すべてに空白ができ、
フッターは上下左右すべてに空白ができ、
文字が上にぴったりとくっついてしまいます。
どこを直せば、上図のように
ヘッダー、フッターの空白がなくなって
画面いっぱいにひろがり、
文字はヘッダー、フッターの中央に入りますでしょうか?
よろしくお願いします。
HTML
1<body> 2 <header> 3 <p>header</p> 4 </header> 5 6 <wrapper> 7 <p>wrapper</p> 8 </wrapper> 9 10 <footer> 11 <p>footer</p> 12 </footer> 13</body> 14
CSS
1 2header { 3 background-color: rgb(10,10,10); 4 height: 100px; 5 width: 100px; 6} 7 8header p{ 9 text-align: center; 10 color: rgb(0,0,0); 11} 12 13 14body { 15 background-color:rgb(200,200,200); 16 } 17 18.wrapper{ 19 background-color:rgb(240,240,240); 20 width: 640px; 21 display: block; 22 margin: 0 auto; 23} 24 25footer { 26 background-color: rgb(10,10,10); 27 height: 100px; 28 width: 100& 29} 30 31footer p{ 32 text-align: center; 33 color: rgb(0,0,0); 34} 35
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。