表格Table填满整个页面的有关问题-HTML教程-爱易网页

表格Table填满整个页面的有关问题

日期：2014-05-16　浏览次数：21010 次

表格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> </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;}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

表格Table填满整个页面的有关问题

相关资料更多>

推荐阅读更多>