日期:2014-05-16  浏览次数:20960 次

表格Table填满整个页面的问题
如何让表格Table填满整个页面?

下面的页面,IE浏览器不行,其它浏览器可以,怎么改啊???

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"  marginwidth="0" marginheight="0">
<table width="100%" border="10" cellspacing="0" cellpadding="0" height="100%" bordercolor="#000000">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

------解决方案--------------------
reset一下
添加一个style
*{margin:0px;padding:0px;}

ie下html不是根元素,好像有这么个说法,记不清了。
------解决方案--------------------
可以的呀

------解决方案--------------------
试了一下,我的连右边还没填满。具体原因不懂

------解决方案--------------------
我之前好像研究过这个问题,待我查下我的笔记。。
------解决方案--------------------

*{ padding :0px; border :0px; margin:0px;}
table{ border:10px solid #000;}

------解决方案--------------------
引用:
IE,页面底下总有空隙的, 怎么做到没有空隙呢????????????????????

增加样式:
<style type="text/css">
     *{margin: 0;padding: 0;}
     html,body{height: 100%;}
 </style>

记得百分百宽高必须要设置html和body样子,具体你自己可以查下。
这个方式我用ie11的仿真下测试5-11都没问题,6不知道,没提供仿真。
另外ie9以下的浏览器不管怎么弄浏览器的四周本身就存在2px左右的灰白部分的,无法更改的。
------解决方案--------------------
body{margin:0px;padding:0px;}