• 締切済み

heightを%で指定して効果が出ない!?

今、左側にメインコンテンツ、右側にメニューのあるページを作成しています。 左側のコンテンツはページによって長さが違うので、右側のメニューもそれにあわせて伸びるようにheight="100%"という風に指定したのですが、ちゃんと効果が出ないようです。 ページトップの宣言文 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> をはずしたら効果が現れたのですが HTML4.01Transitionalだとテーブルのheightの%指定は無効なんでしょうか? もし、そうだとしたら他に解決法はありますでしょうか?

みんなの回答

  • JeanneNet
  • ベストアンサー率48% (100/208)
回答No.2

こんにちは、じゃんぬねっと です。 #1 さんに補足して言いますと、ブラウザによって解釈も異なります。 IE と FireFox なんかを比べると一目瞭然です。 height は指定しないような構成にするに限ります。

pochitarou
質問者

お礼

そうなんですよね。 DOCTYPEの宣言を変えてIEで反映されるようになりましたが、 ネスケ、ファイヤーフォックスでは見事に反映されません!笑 どうしたものか・・・。 ネスケとファイヤーフォックスはあきらめるしかないかなぁ。 じゃんぬねっとさんにはいつもお世話になりっぱなしですね。ありがとうございます。 テーブルの構成を代えればなんとかなるのかな。

pochitarou
質問者

補足

結局、セルをうまく構成しなおす事で対処いたしました。どうもありがとうございます。

  • partita
  • ベストアンサー率29% (125/427)
回答No.1

標準モードではheightの100%は、画面全体に対しての100%ではなく、そのブロック要素の横幅に対しての100%です。 DOCTYPEをはずすと、画面縦幅全体に対しての100%になるのではないでしょうか。

pochitarou
質問者

お礼

どうもありがとうございます。 という事はやはり、DOCTYPEで宣言している内容だとheightの100%指定ではうまく出来ないという事なんでしょうかね。