こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSで、高さが違う画像を入れ替えるとずれます。

headerに、横は同じで高さが違う画像を入れ替えると、ページのセンタリングがずれます。
<div id="header>は、画像のみです。

indexページの<div id="header>に、840×240の画像を入れて、
会社概要等の他のページの<div id="header>には、840×130の画像を入れると、ページのセンタリングがずれてしまいます。(←headerやmenu、footer等を包括しているdivです。)
IE6ではOKなんですが、firefoxで見ると崩れます。

headerの、width・heightの指定をしなくても、
header1、header2と分けて、サイズ指定してもずれます。

どうしたらいいでしょうか?
よろしくお願いします。

投稿日時 - 2009-01-25 11:12:27

QNo.4659205

すぐに回答ほしいです

質問者が選んだベストアンサー

opera,Safariなど他のブラウザでも確認してください。
IEのスタイルシートの解釈は間違いが多い。特にブロック要素の寸法解釈は・・
まあ、ブロックを内在するブロックをrelativeで配置し、その内部のブロックをabsoluteで配置すると良いかと・・

投稿日時 - 2009-01-25 12:08:07

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

記述ミスの可能性が一番高いです。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
チェックしてみてください。

投稿日時 - 2009-01-25 11:59:57

あなたにオススメの質問