画面100％表示のトップページ用ヘッダーがうまくできません

質問

body{height:100%; width:100%; margin:0; padding:0;}
として、フッターまでの表示が画面１００％になるように作っているのですが・・。
ヘッダーのスタイルシートを↓↓
#header{width:100%;height:100px:"}
として(フォント・背景色等、質問に関係ないと思われるタグは抜いております。）、幅１００％、高さ１００pixにしているのですが・・
中に記載したい文字を配置しようと、
この#header　に上、左、パディングを設定すると、その分下や右にもヘッダーが伸びてしまいます。
センターではなく、左側に余白を設け、下の方に文字を配置したいのですが・・どうすればいいでしょうか？？

回答No.2

goldfox · ベストアンサー

ヘッダーにpaddingで余白をつくるのではなく、
ヘッダーの「中身」にmarginで余白を作ればいいです。
paddingはborderと同じく、ブラウザによって解釈が違い、幅に含まれたり別計算されたりします。
http://adp.daa.jp/archives/000265.html

お礼

Ｐ要素にmarginをつければ良い・・ということですよね？
ありがとうございます。
参考のページもこれから確認します(^^♪

回答No.1

ORUKA1951

ウィンドウ内の表示部分を高さ100%は、あまり考えないでください。
訪問者のディスプレイは、様々で一般的には横1024ですが、最低800pxから、1280px場合によると、最近のワイドバネルとなると1920×1080ですからね。
http://ja.wikipedia.org/wiki/%E7%94%BB%E9%9D%A2%E8%A7%A3%E5%83%8F%E5%BA%A6#.E3.82.B3.E3.83.B3.E3.83.94.E3.83.A5.E3.83.BC.E3.82.BF.E3.83.BB.E6.98.A0.E7.94.BB

　ウィンドのサイズのどれを対象とするかは、ウェブデザイナーとして、最も頭を悩ませるところです。
　質問文では、具体的に、どのようなデザインをされたいのかが分からないので、上記を参考に、図示していただくとよいでしょう。