- ベストアンサー
IE, NN の動作の違い(height=100%)
下記のように記述した場合、IEだと、文が書いてあるところ全ての背景が黄色になりますが、NNだと、スクロールなしで見られるエリアしか背景が黄色になりません。 なにか、記述に問題がありますでしょうか？ また、NNでIEと同様の動作を得る方法があれば教えていただけますか？ なお、OSはWin2000、IEのバージョンは6、NNのバージョンは7.1です。 ---（以下、要所のみ記載します）--- <STYLE type="text/css"> DIV#test{ width:100%; height: 100%; background: yellow; } </STYLE> <BODY> <DIV id="test"> （スクロールしないと見られない量の長文） </DIV> </BODY> ---（ここまで）---
- turtlemach
- お礼率89% (73/82)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
height: 100%; を height:auto; にすると(あるいは指定しなくても)ちゃんと表示されるみたいです。
その他の回答 (1)
- President
- ベストアンサー率57% (12/21)
こんにちは。 私もturtlemachさんと同じ現象になりました。 しかし以下のように更に<SPAN>タグで囲んだらNNでもIEと 同じようになりました。 （当方もIE6およびNN7.1です） <STYLE> #test{ ＜＜※変更しています width:100%; height: 100%; background: yellow; } </STYLE> <SPAN id="test"> <DIV id="test"> （スクロールしないと見られない量の長文） </DIV> </SPAN> なんか無理矢理なような気がしますが...
お礼
ありがとうございます。 SPANタグを外側にもってくるのは初めて見ました。でも、このやりかたで上手くいくのですね。 まだまだ、スタイルシートには分からないことが多いです。
お礼
この方法でやりたかったことができました！ ありがとうございました。 100% の解釈の仕方が、ブラウザによって異なるようですね。 勉強になりました。