2013-02-06 51 views
0

我有一个问题,我有一个父div的动态构建表内。在IE8中CSS表格高度溢出容器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%; 
} 

以下是股利的CSS:

.navigator_overflow 
{ 
max-width: 650px; 
height: expression(this.scrollHeight > 599 ? "600px" : "auto"); 
max-height: 600px; 
overflow: scroll; 
    } 

我曾尝试任何添加以下没有结果在div和T两个他表:

overflow: hidden, auto, scroll 
clear: both; 
float: left; 
display: block; 

overflow hidden刚刚删除了滚动条,但表仍然超出了页面的边界。

我曾尝试加入:

height: expression(this.scrollHeight > 599 ? "600px" : "auto"); 
/* supposed to be the workaround for max-height in IE*/ 

最大高度在火狐和Chrome的伟大工程。这只是IE

我使用下面的文档类型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 

任何帮助将这个可以理解。

回答

0

请参阅此相关的问题:CSS expression to set height of div

简短的回答,你会得到更好的使用JavaScript的这一关...

+0

我试过这个选项: _document.getElementById('navigator_overflow').style.maxHeight ='500px'; _ 为div和表,它没有工作 – Joelle