无论如何,HTML表都不适合整个屏幕

时间:2013-01-19 15:37:00

标签: html

基本上,我的网站上有一张桌子,不适合浏览器屏幕的100%宽度。即使我将宽度更改为110%,它也只是在右侧重叠,但在左侧(表的外部空间)仍然有一个边距空间。我希望桌子从左到右完全按在浏览器屏幕上,完全没有空格或边框。我该怎么做呢?我已经尝试了一切,它仍然无法正常工作。我甚至试过了负边距和填充

请帮助我失去理智。这是我的代码:

<table bgcolor="#DBD9D9" rules="none" border="0" width="110%"cellspacing="0" cellpadding="0">
  <tr>
    <td>TEXT HERE</td>
  </tr>
</table>

更新:我将css代码添加到标题中,就像colin建议的那样,它仍然无效。 body {margin:10px;} table {margin:0 -10px;}

3 个答案:

答案 0 :(得分:0)

不要忘记在margin: 0;代码中添加<body>

答案 1 :(得分:0)

身体上有一个需要删除的默认边距。

将以下css添加到<head>

<style type="text/css">
    body {margin:0;} 
</style>

或者

<style type="text/css">
    body {margin:10px;}
    table {margin:0 -10px;}
</style>

答案 2 :(得分:0)

我也有过这样的解决方案:解决方法是将主体的边距和填充设置为0.(也许宽度到100%也有帮助。)