- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：<DIV>で作った左右段落がOpera・Firefoxでリサイズすると重なる）
<DIV>で作った左右段落がOpera・Firefoxでリサイズすると重なる
このQ&Aのポイント
- IEやLunascapeではウインドウを小さくすると右段落（topr）が左段落（topl）の下に右配置されるが、OperaとFirefoxでは右段落が下にずれず、左段落の上に重なってしまう
- div要素で作った左右段落の表示において、OperaやFirefoxではリサイズすると右段落が下にずれず、左段落の上に重なってしまうが、IEやLunascapeでは右段落が左段落の下に配置される
- ブラウザのリサイズ時に、div要素で作った左右段落の表示に違いが現れる。IEやLunascapeでは右段落が左段落の下にあるが、OperaやFirefoxでは右段落がずれずに左段落と重なる
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#19206
回答No.1
topr と topl の幅を % で指定しているため、 Firefox や Opera はこの値を基準にページを表示していることが原因です。 内側のテーブルなどは無視され、外側の div の値だけを基準にしています。 IE のでは内側のブロックが外側より大きい場合、外側のブロックが内側にあわせて広がりますが、 非 IE 系では内側のブロックの大きさが外側のブロックの大きさに影響を与えることはありません。 topr と topl の幅を table で指定した幅と同一にすれば問題は解決します。 あと、CSS を使うのであれば width:**px; と width="**" をあわせて使うのはやめたほうがいいのではないかと思います。
その他の回答 (1)
noname#19206
回答No.2
[補足] ＞IEやLunascapeでは Lunascape は IE のブラウザエンジンを使用しています。 したがって基本的な Web ページの表示は IE と同一になります。 （細かいところは違いますけどね。） というかむしろ Lunascape で確認するのであれば、 ブラウザエンジンを Gecko にして確認してみるといいですよ。 Firefox と同じ Gecko を使っていますから、ある程度似たような表示になります。 （が、これも細かい部分で違う表示になる可能性あり）
質問者
お礼
回答ありがとうございました。 現在はIE・Lunascape・Opera・Firefoxの四つ（それぞれ最新版）を使ってローカルで動作確認をしているのですが、そういえばLunascapeはブラウザエンジンの切り替えができたんですよね。今後の参考にしたいと思います。
お礼
回答ありがとうございました。 DIVの背景に色をつけて試してみたところ、ご指摘どおりになりましたので、幅の設定を変更した結果、解決いたしました。