为什么在ie7.0下只能显示一半？

[huangyuancao]

在ie6.0正常
为什么在ie7.0下只能显示一半？
请教各位什么原因？

[AustinLuo]

建议你重新弄一个htm，单单在两个浏览器下测试下
.box1 {height:500px;}
.box2 {height:auto !important;height:500px;}
看看效果。

你的问题肯定是由于其他地方的CSS因为“层叠”优先级比我写的.box 高而没应用上。
方法是这个样，问题是这样了，需要的是你继续仔细检查了。

[newbdelphi]

Html不规范

[huangyuancao]

能不能举个例子
谢谢

[暴走的车轮]

把你的不规范代码贴出来啊.....

[huangyuancao]

body {
background-image: url(../../skin/images/bg_body.gif);
overflow: hidden;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
/*height:550px;*/
}
.table_querycondition {
font-size:12px;
color:#014F8A;
background-color:#F2F9FF;
border: 1;
/*border-left: #9FD6FF solid 1px;
border-right: #9FD6FF solid 1px;*/
border-left: #ffffff solid 0px;
border-right: #9FD6FF solid 1px;
border-top: #ffffff solid 0px;
border-bottom: #9FD6FF solid 1px;
/*FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#9FD6FF,Direction=120,strength=5);*/
/*FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
EndColorStr=#C3DAF5);
FILTER:progid:DXImageTransform.Microsoft.Shadow(GradientType=1,StartColorStr=#ffffff,
EndColorStr=#C3DAF5,Direction=120,strength=5);*/
}
.td_title
{
font-size:14px;
color:#014F8A;
font-weight:bold;
}
.td_bmsel {
width: 185px;
}
.td_condition {
width: 80px;
}
.td_date
{
width:200px;
}
.td_IFrame
{
width:100%;
height:550px;
}
.table_datashow {
border-collapse: collapse;
border: 0;
border-left: #9FD6FF solid 1px;
border-right: #9FD6FF solid 1px;
border-top: #9FD6FF solid 1px;
border-bottom: #9FD6FF solid 1px;
height: 100%;
width: 100%;
padding: 0;
background-color: #FFFFFF;
}
a:link {text-decoration:none; }
a:visited {text-decoration:none; color:#000000}
a:active {text-decoration:none; color:#000000}
a:hover {text-decoration:none; color:red}

.div_dg {
border-right: #000000 0px double;
border-top: #9FD6FF 3px solid;
/*overflow-x: scroll; */
overflow-y: auto;
overflow-x: no;
border-left: #000000 0px double;
width: 99%;
border-bottom: #000000 0px double;
height: 445px;
z-index: 100;
text-align:center;
}
.div_showdata_title
{
width:100%;
text-align:left;
color:#014F8A;
background-color:
#ffffff;
font-size:9pt;
}
.dg {
width:100%;
border-color: #9FD6FF;
}
. dg table{
border-width: thin;
border-color: #9FD6FF;
}
/* DataGrid固定表头样式 */
.dg_FixHeader {
font-size: 9pt;
vertical-align: middle;
text-transform: capitalize;
font-family: "Arial" , "Helvetica" , "sans-serif";
height: 20px;
background-color: #ecf4fe;
text-align: center;
text-decoration: none;


}

.dg_FixHeader td{
/*border:2 outset royalblue;*/
color:#014F8A;
font-size:12px;
font-weight: bold;
text-align:center;
background:#C8E1FB;
cursor:hand;
border-color: #9FD6FF;
border-left: #ffffff solid 2px;
border-right: #9FD6FF solid 2px;
border-top: #ffffff solid 2px;
border-bottom: #9FD6FF solid 2px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
EndColorStr=#C3DAF5);
}
.dg_alter
{
color:#0000FF;
background-color:#F2F9FF;
border-left-color:Green;
border-width: 1px;
border-color :#9FD6FF;
border-style :solid;
cursor:default;
font-size:11pt;
behavior:url(../../skin/htc/DataGridItem.htc);
}
.dg_alter td
{
font-size:9pt;
border-color: #9FD6FF;
}

.dg_item
{
color:#0000FF;
background-color:#FFFFFF;
border-width:1px;
border-color :#9FD6FF;
border-style :solid;
cursor:default;
font-size:11pt;
behavior:url(../../skin/htc/DataGridItem.htc);
}
.dg_item td
{
font-size:9pt;
border-color: #9FD6FF;
}
.dg_pager
{
text-align: center;
font-size: 12px;
border: 1px solid #CCC;
padding: 3px;
color:Black;
font-weight: bold;
background-color: #9FD6FF;
}


.input_text {
width:80px;
behavior:url(../../skin/htc/input_text.htc);
}
.input_button
{
behavior:url(../skin/htc/input_button.htc);
}
.input_bmsel {
width: 20px;
height: 15px;
background-image: url(../../skin/images/bmsel_mouseout.bmp);
}
.input_time
{
width: 20px;
height : 15px;
background-image: url(../../skin/images/bmsel_mouseout.bmp);
}

.bmsel_mouseout
{
background-image: url(../../skin/images/bmsel_mouseout.bmp);
}
.bmsel_mouseover
{
background-image: url(../../skin/images/ico2.gif);
}

/*按钮*/
.btn3_mouseout
{
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE:12px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
EndColorStr=#C3DAF5);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover
{
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,
EndColorStr=#D7E7FA);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #FFE400 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5);
BORDER-LEFT: #FFE400 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup
{
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#C3DAF5);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}

[huangyuancao]

这个是CSS code

[AustinLuo]

.box {
 height:auto !important;
 height:500px;
}

.box {
 min-height:500px !important;
 height:500px;
}

你这个是IE6/IE7解析CSS属性height时的不同造成的。

[huangyuancao]

全都 改为auto 么

[AustinLuo]

哪里错了改哪。。
而且是两句啊，
height:auto !important;
height:500px;
都得要。

[huangyuancao]

。。。。。。
理解错误！！！

[skyedge]

除非需要，一般情况下，不推荐用 高度 属性

[huangyuancao]

还是没改起
555555

[诸法空性]

ie7跟ie6的解析方式不同引起的。
http://blog.csdn.net/axe6404/archive/2008/05/14/2445612.aspx
我的博客里面有一点相关的东西，希望有所帮助

[眼里进了砂]

高度属性一般都会影响你这种情况，IE6看是全部，IE7就只能看到一半

[huangyuancao]

就是啊
IE6看是全部，IE7就只能看到一半