Question

我有一个网站，呈现使用css设置的类似日历的演示文稿。需要一段时间才能使渲染恰到好处。实际上，不同的浏览器需要一个独特的CSS。我现在对IE8（以及Opera9）有困难，因为演示文稿不占用整个屏幕宽度。我很感激你的建议。

网址是www.firstport.com

css如下：

html,
 body {
 margin: 0px;
 padding: 0px;
 height: 100%;
 overflow-y: hidden;
    }



td {height:13.6%;}


.sectionhead {
text-align: left;
background: #EBEBEB;
height: 99.5%;
width: 98%;
border-style:ridge;
border-width:thin;
border-color:grey;
float: left;
margin-left:0px;
margin-right:0px;
overflow-y: auto;
color: black;

}

.sectionhead a {

color: black;
background: #EBEBEB;
font-weight: normal;
margin-left:2px;
text-decoration:none;
}

.SubHeaderLink a {

color: #006633;
text-decoration:none;
background: #EBEBEB;
}

.SubHeaderLink a:hover {

color:  blue;
background: #EBEBEB;
text-decoration:underline;
}

.popuplink a {

color: blue;
background: #EBEBEB;
font-weight: normal;
margin-left:2px;
text-decoration:underline;
}

Answer 1

您的HTML在<table>标记中有错误：

<table cellspacing=0 cellpadding=0 height="97% width="100%" cols=5>

它缺少收盘报价。将其更改为：

<table cellspacing="0" cellpadding="0" height="97%" width="100%" cols="5">

IE8将正确呈现。

P.S。请引用（""）所有属性值。

IE8和CSS渲染问题

1 个答案: