动态表格大小html
问题描述:
我正在制作一个适合整个屏幕而不管屏幕大小的网站。我现在使用一张桌子来使用它,但是我遇到了一个问题。动态表格大小html
该网页分为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>
你应该使用CSS,而不是一个表来做到这一点。 – 2009-11-21 15:07:18
CSS和表格之间有很大的区别。 我不明白你的意思。 – Pieter888 2009-11-21 15:08:31
您应该使用描述您的内容的标记(表格不包含这些标记)并将其设置为您想要的样式。 http://www.hotdesign.com/seybold/ – Quentin 2009-11-21 15:11:32