动态表格大小html
动态表格大小html
提问于 2009-11-21 23:05:34
我正在制作一个网站，它必须适合整个屏幕，而不考虑屏幕的大小。我现在正在用一张桌子来使用它，但我遇到了一个问题。
该网页分为3列:左列位于屏幕的左侧，具有固定的大小和背景。右列位于屏幕的右侧，具有固定的大小和背景。中间的列应该在相邻的单元格之间拉伸，并且应该有一个与之一起拉伸的背景(仅水平方向)。
这样一来，网页看起来就像你用来浏览网站的屏幕一样。
然而，我的问题是中间的单元格，图像不重复，不知何故css代码：background-repeat:x-repeat;不会使图像拉伸，而且当我将单元格宽度设置为100%时，它会干扰相邻的单元格，使其看起来一团糟。
我如何才能做到这一点？
编辑
下面是我正在使用的标记：
CSS：
#topleftcell
{
background-image:url(../images/Logo.png);
background-repeat:no-repeat;
width:300px;
}
#topmiddlecell
{
background-image:url(../images/header_fill.png);
background-repeat:repeat-x;
width:auto;
}
#toprightcell
{
background-image:url(../images/header_right.gif);
background-repeat:no-repeat;
width:16px;
}HTML：
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr style=" width:100%;">
<td id="topleftcell"></td>
<td id="topmiddlecell"></td>
<td id="toprightcell"></td>
</tr>
</table>
</body>回答 1
Stack Overflow用户
回答已采纳
发布于 2009-11-21 23:08:57
固定左右单元格的宽度。中心单元格中的自动宽度。您可能需要在中心单元格中添加一个填充图像。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1775715
复制相关文章
相似问题
腾讯云开发者
