No.1ベストアンサー
- 回答日時:
absoluteは、ご存知のように絶対配置ですから、それに内包されない他の要素に影響を与えることはありません。
【引用】____________ここから
absolute
ボックスの位置(と場合によっては大きさ)は'left'、'right'、'top'、'bottom'という4つのプロパティで指定される。 これらのプロパティは、ボックスの位置を包含ブロックからの距離として示すものである。 絶対配置のボックスは通常フローには従わないので、兄弟要素のレイアウトに影響を与えない。 また、絶対配置のボックスにはマージンがあるが、これは他のどのマージンとも相殺しない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[視覚整形モデル( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )]より
よって以下のブロックに影響を与えるためには、positionの値をstaticないしrelativeにする必要があります。header内にabsoluteするものがあれば、relativeにする。
ヘッダーの高さを固定するの方法だと、次に続くブロックの位置をずらすしかないです(relativeならmargin)で、ただし、headerなどはabsoluteを使わないほうが無難です。ユーザーが目が悪くてフォントを拡大したり、あるいはウィドウが狭いと表示されないものが出来たりします。
基本的にルートにあるコンテナブロックは、ナビゲーションなど一部を除いてabsoluteやfixedさせないほうが無難ですね。
この回答へのお礼
お礼日時:2012/01/17 15:02
ありがとうございました。大変参考になりました。
おかげさまでどう修正すればいいのかわかり、うまくいきました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- Visual Basic(VBA) マクロについて教えてください 2 2023/06/09 16:01
- Visual Basic(VBA) マクロについて教えてください。 3 2023/06/09 17:37
- Word(ワード) Wordについて。 余白を上に30mm空けてヘッダーを入れるときは画像の赤で囲んだように、ヘッダー位 2 2022/05/22 19:56
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- Excel(エクセル) エクセルのフッタやヘッダーについて 3 2023/02/04 09:45
- 教育・学習 無課金での課金コンテンツ使用について 2 2022/11/03 16:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
含む含まないという概念自体の...
-
inputタグはformタグで必ず囲む...
-
質問1.
-
改行ほどは行かないけど、若干...
-
角丸画像の背景色を透明にした...
-
スタイルシートで文字色を指定...
-
smallにtext-allignが効かない
-
clear:both;を単体で指定
-
テキストボックスの中にリンク...
-
「諸要素」とはどういう意味で...
-
figcaption要素の中にul要素
-
2個のFormを横並びにしたい
-
タグは大文字と小文字どちらが...
-
CSSで改行後の行間調整
-
親要素・子要素
-
CSSファイルを使用せず、HTMLの...
-
タイトルタグの中に使わないほ...
-
cssで#main dl > ddの「>」はど...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報