Html IE8-3列布局：100%宽度、左右分区固定宽度和100%高度+；中间分区最小宽度955px

我必须将Sharepoint 2007网站迁移到Sharepoint 2010，用户可以使用IE8浏览器

因此，我想在跨浏览器模式下设置该布局的网站

我真正的问题是，我会将渐变背景设置为100%浏览器高度的左右列，而中间的

div

的最小宽度必须为955px

不带

表

标签是否可行

我试过：

<div id="main1">
   <div id="main2">
    <div id="left">&nbsp;</div>
    <div id="right">&nbsp;</div>
    <div id="middle">
         <table width="100%" height="500"> <tr><td>aaa</td></tr></table>
    </div>
    <div class="cleaner">&nbsp;</div>
   </div>
</div>

对

由于标准屏幕分辨率为1024*768，您可以分别为左分区和右分区以及中间分区指定固定宽度。
HTML

<div id="mainContainer">

    <div id="left-column" class="column">           
    </div>

    <div id="middle-column" class="column">             
    </div>

    <div id="right-column" class="column">      
    </div>  

</div>  

955非常宽，但…不建议使用3列页面，其中955为ie 8中的中间列宽，也不建议设置-->正文，html{height:100%；}对955是。。。我试图将中间值设置为955，左/右cols设置为20，总计995pxthats，因为您需要将doctype更改为strict。例如，像这样，我无法更改doctype：我正在使用SharePoint 2010网站和IE8用户浏览器抱歉，我不明白这一点。然而，我找到了可调整宽度的解决方案，但我的问题仍然是将左右列设置为100%浏览器宽度，以便为它们提供渐变背景渐变背景您可以参考此链接。它与html5.js一起在ie8中工作，此外，我们在2013年没有很好的理由使用任何与XHTML1.0兼容的东西……）只是说说而已。你认为怎样做最适合你的项目。对不起，我必须按照这个指令开发一个SharePoint 2010网站。
<aside class="sidebar left"></aside>
<div class="mainContent"></div>
<aside class="sidebar right></asdie>

<div id="mainContainer">

    <div id="left-column" class="column">           
    </div>

    <div id="middle-column" class="column">             
    </div>

    <div id="right-column" class="column">      
    </div>  

</div>  

#mainContainer{
    width: 1355px;
    margin: 0px auto;
    padding: 0px;
}

.column{
    display: block;
    height: 100%;
    float: left;
}
#middle-column{
    width: 955px;

}
#left-column, #right-column{
    width: 200px;

}