如何创建全尺寸HTML表？（无页边距，全窗口）_Html_Browser_Html Table_Webpage

如何创建全尺寸HTML表？（无页边距，全窗口）

html browser

如何创建全尺寸HTML表？（无页边距，全窗口）,html,browser,html-table,webpage,Html,Browser,Html Table,Webpage,我想用HTML创建一个带有表的基本两列布局，但我想让表“占据”整个页面。没有边距（“边框和浏览器窗口之间的空白”），让我用一个例子更清楚地说明： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Pagina nueva 4</title> <meta name="Microsoft Th

我想用HTML创建一个带有表的基本两列布局，但我想让表“占据”整个页面。没有边距（“边框和浏览器窗口之间的空白”），让我用一个例子更清楚地说明：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 4</title>
<meta name="Microsoft Theme" content="none">
</head>

<body>

<table border="4" width="100%" height="567" style="border-collapse: collapse; border: 3px solid #FF0000" bordercolorlight="#FF0000">
<tr>
    <td bgcolor="#008080">&nbsp;</td>
    <td width="160" bgcolor="#000000">&nbsp;</td>
</tr>
   </table>

   </body>

   </html>


帕吉娜·努瓦4号

如你所见，我们有一个绿色的桌子，有一个黑色的侧边栏和红色的边框，都在白色背景上。问题是，我希望边框是“绝对”的，在用户的浏览器窗口和它们之间没有空白。我希望表格占据整页，没有空格或“边距”或其他内容，对不起，这是多余的

我该怎么做呢？

这应该可以做到：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 4</title>
<style>
  body {
    margin: 0px;
    padding: 0px;
  }
  .container {
    width: 100%;
    min-height: 567px;
    padding: 0px;
    border: 3px solid #FF0000;
  }
  .container .content {
    background-color: #008080;
  }
  .container .sidebar {
    background-color: #000000;
    width: 160px;
  }
</style>
</head>

<body>

<table class="container">
<tr>
    <td class="content">&nbsp;</td>
    <td class="sidebar">&nbsp;</td>
</tr>
</table>

</body>

</html>


帕吉娜·努瓦4号
身体{
边际：0px；
填充：0px；
}
.集装箱{
宽度：100%；
最小高度：567px；
填充：0px；
边框：3倍实心#FF0000；
}
.容器.内容{
背景色：#008080；
}
.容器.侧栏{
背景色：#000000；
宽度：160px；
}

我还找到了另一种方法，下面是示例代码（西班牙语注释）：


表A:200px的纳维加多和科隆马斐济可调酒店
* {
保证金：0；
填充：0；
溢出：自动；
}
#塔布拉{
宽度：100%；
边界塌陷：塌陷；
边框：1px实心#444；
背景色：#ffc；
}
celda_dcha先生{
宽度：200px；
边框：1px实心#444；
背景色：#cfc；
}
孔蒂多
帕拉伊马柱

CSS中的正文{margin:0px；padding:0px}

？而且

宽度：100%

在表格中？？干得好。小心css中的“*”。它有时在不同的浏览器中会有不同的效果，这取决于它的使用方式。。。我唯一的问题是，右边的边栏没有调整到不同的屏幕分辨率，我的意思是，它调整到“1080px”左右的高度，但是当你用1200px时，边栏与页脚分开（是的，我也有一个页脚）。表的左侧看起来一点也不受影响，它在所有屏幕上看起来都很好，页脚也会根据分辨率的变化进行自我调整，但右侧的边栏或表格的右侧“列”却不知道为什么？希望你能帮忙。我得看看你的代码。更改浏览器宽度时，表格不应自行“分离”。表格应该展开，但侧边栏的宽度不会变大，因为它被设置为固定宽度。@RDL这是一个Doctype问题，我自己解决了：我用找到的答案为该问题打开了一个问题。谢谢！；）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabla ajustable al navegador y colunma fija de 200px</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    overflow: auto;
}
#tabla {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;
    background-color: #ffc;
}
.celda_dcha {
    width: 200px;
    border: 1px solid #444;
    background-color: #cfc;
}
</style>
</head>

<body>
<!-- los bordes y colores son para testar la maqueta -->
<!-- este esquema se adapta a cualquier resolución de pantalla, conservando la columna de la derecha siempre los 200px -->
<!-- probado en iexplorer 7 y 8, ff 3.6, opera 10 y safari 5 -->
<table id="tabla">
    <tr>
        <td>Contenido</td>
        <td class="celda_dcha">Columna para imágenes</td>
    </tr>
</table>
</body>

</html>