親 div 内に動的に構築されたテーブルがあるという問題があります。
親 div に最大高さを設定しましたが、テーブルが div よりも大きい場合、テーブルは親 div の最大高さを完全に無視し、ページからオーバーフローします
テーブルの CSS は次のとおりです。
#navigator_table
{
table-layout: fixed;
font-family: Arial;
font-size: 10px;
margin: 5px 5px;
text-align: center;
border-collapse: collapse;
border: 1px solid #000;
Width: 95%;
}
以下は、div の CSS です。
.navigator_overflow
{
max-width: 650px;
height: expression(this.scrollHeight > 599 ? "600px" : "auto");
max-height: 600px;
overflow: scroll;
}
divとテーブルの両方で結果が得られないように、次を追加しようとしました:
overflow: hidden, auto, scroll
clear: both;
float: left;
display: block;
オーバーフロー隠しはスクロールバーを削除しましたが、テーブルはまだページの境界を超えていました.
私は追加しようとしました:
height: expression(this.scrollHeight > 599 ? "600px" : "auto");
/* supposed to be the workaround for max-height in IE*/
テーブルに
max-height は、Firefox と Chrome でうまく機能します。ただのIEです
次のDoctypeを使用しています:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
これについて何か助けていただければ幸いです。