1

親 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">

これについて何か助けていただければ幸いです。

4

2 に答える 2

0

この関連する質問を参照してください：divの高さを設定するCSS式

簡単に言えば、これにはJavaScriptを使用したほうがよいでしょう...

于 2013-02-06T20:59:59.257 に答える
0

ついに私の答えを見つけました！


追加する必要がありました

position: relative;

親divで

答えは次のサイトにあります :
http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/
なぜそれが機能するのか教えてください....

于 2013-02-07T15:17:06.913 に答える