スタイルシート※max-heightがIEではきかない

firefoxでは見れるのですが、IEではmax-heightがきいてません。
以下ソースです。

}
#TREE-VIEW-DIV {
float: left;
width: 50%;
max-height: 35em;
overflow: auto;
}

これでfirefoxのほうでは、インラインフレームのように
テキスト量が縦に多ければスクロールバーが出ます。
でもIEではでてこず、ずべてのテキストが長く下へ表示されます。

どうしてでしょうか、教えてください。

※また、このサイトは左に１つ右へ上下２つの3ペイン画面なのですが、
これをすることによって、左と右を分けている境界線にグレーのラインを
いれているのですが、これが真ん中から切れてしまいます（IEのみ）。
この因果関係などわかりますでしょうか。
下がソースです。
}
div.●● {
margin-left: 10em; padding: 1em; border-left: thin solid #c0c0c0
}

No.1 ベストアンサー 回答者： noname#39970 回答日時： 2007/03/28 21:32

>IEではmax-heightがきいてません

これがIE6であるのなら　元々対応していない　　　　　だった筈

この回答への補足

すばやいご回答ありがとうございます！
そのとおりです、明記忘れていましたIE6です。

なにかよい方法ご存知ないでしょうか。。

firefoxと同じ表示にしたいのですが・・・

補足日時：2007/03/28 21:46

No.2 回答者： CrownMiffy 回答日時： 2007/03/28 23:44

思いつきで別の方法を考えてみました。

うまくレイアウトできるでしょうか!?

#leftbox {
position: absolute;
width:50%;
height: 35em;
overflow: auto;
}
.rightbox {
width: 50%;
margin: 0 0 0 auto;
}
<div id="leftbox">左ブロック</div>
<div class="rightbox">右上ブロック</div>
<div class="rightbox">右下ブロック</div>

この回答へのお礼

ありがとうございます！

#leftbox {
position: absolute;
width:50%;
height: 35em;
overflow: auto;
}
で、IE６でもスクロールバーが表示されました！

ただ、この表示のしたにもごっちゃりCSSがあるので、
それが#leftboxに重なるようにあがってきちゃいました、
まったく不明・・・
なんとかやってみます！

お礼日時：2007/03/29 18:33