IE8和CSS渲染问题

Question

我有一个网站呈现使用CSS设置的日历般的演示文稿。花了一段时间才得到正确的渲染。事实上，不同的浏览器需要独特的CSS。我现在遇到了IE8（以及Opera9）的困难，因为演示文稿不占用全屏幕宽度。我会很感激建议。

的URL是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.请请您报价（""）所有属性值。