首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

!XHTML中div滚动条盖住了table

2012-02-16 
求助!XHTML中div滚动条盖住了table在ie中,我在div中放一个table,为什么div的垂直滚动条会盖住table右面部

求助!XHTML中div滚动条盖住了table
在ie中,我在div中放一个table,为什么div的垂直滚动条会盖住table右面部分,下面有我的简化代码。js用作生成固定表头的。而且如果改成HTML4.0的话,就正常了,但是我们整个需要XHTML1.0。
还请各位高手帮我看看,帮忙解决下。

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>    <head>        <title></title>        <script language="javascript" type="text/javascript">            function FixHeader()            {                try                {                    alert(1);                    var table = document.getElementById("dgAnswer");                    var head = table.cloneNode(true);                                        for(i = head.rows.length-1; i>0; i--)                          head.deleteRow(i);                                table.deleteRow(0);                    divHeader.style.height = 23;                    divHeader.appendChild(head);                }                catch(e) {alert(2);}            }        </script>    </head>    <body onload="FixHeader();">        <div id="divHeader" style="clear: both;    overflow-y:scroll;    width: 100%;    border: 1px solid rgb(70,130,180);    border-bottom: 0px;">       </div>    <div style="clear: both;    overflow-y:scroll;    width: 100%;    height: 300px;    border: 1px solid rgb(70,130,180);">        <table id="dgAnswer" border="1" style="width: 100%; table-layout: fixed;    border-collapse: collapse;    background-color: rgb(255,255,255);    word-break:break-all;">                                                                                                                                      <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                        <tr>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                            <td>测试1发觉佛i</td>                                                                                                                        </tr>                                                                                                                                               </table>                                                                                                            </div>    </body></html> 



[解决办法]
我在ie8下没有发现你说的那种情况
[解决办法]
table的宽度设小点点

热点排行