掲示板/スタイルシート質問板/過去ログ/一覧/ ファイアーフォックスでのh1タグのズレを解消したいです。

0 名前：鈴木： 2007/03/13（火） 16:59 ID:CLzIebIe sub-bK: 【現在の状況】
スタイルシートでサイトを構築中です。
構成は３カラムで、大きく、ヘッダーボックス、レフトボックス、センターボックス、ライトボックス、フッターボックスという構成です。

ヘッダーボックスに背景画像（600pxくらいの大きめのもの）を使用しており、ｈ１を通常どおりヘッダーボックスの中に入力してしまうと、一番上にくるｈ１文字と背景画像が重なって見づらい状態になってしまいます。

【行ったこと】
h1タグの上にマージン110pxとることによってｈ１の記述を少し下にずらして、
ヘッダーボックスの背景画像の合間から表示させようと考えました。
以下ｈ１のcssです。

h1 {
font-size: 12px;
color: #999999;
text-align: right;
line-height: normal;
margin-top: 110px;
margin-right: 5px;
margin-bottom: 315px;
margin-left: 5px;
height: 110px;

これによってインターネットエクスプローラで確認するとうまく表示ができたのですが、
ファイアーフォックスブラウザで確認すると、ヘッダーボックスを含めたサイト自体が
ブラウザから下に(恐らく設定した110px分？)ずれてしまい、結局背景画像とｈ１の記述が重なってしまったままです。

ファイアーフォックスでも背景画像と重ならない位置にｈ１をもってくるにはどうすればいいでしょうか？
宜しくお願い致します。

1 名前： カヅサツ ◆ThCi95HEzw ： 2007/03/13（火） 16:59 ［URL］ ID:O5hEMlpW sub-r2: 該当のページのURLがわかれば、誰か検証できるかもしれません。

2 名前： 某制作さん ： 2007/03/13（火） 16:59 ID:gFY2524F sub-Q5: 正規の手段か分かりませんが
h1でなくヘッダーボックスに
#header {
padding-top:110px;
}
でいかがでしょうか？

意図した事と違っていたら、すみません。

3 名前：鈴木： 2007/03/13（火） 16:59 ID:CLzIebIe sub-bK: 某制作さんありがとうございます！

おっしゃるとおりにしたらうまくいきました＾＾ヘッダーボックス自体をいじるというのは考えていませんでした。
ありがとうございました！