动态表格大小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>

来源

2009-11-21 Pieter888

你应该使用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

左，右单元固定的宽度。中央单元格中的自动宽度。你可能需要在中心单元格中填充图像。

来源

2009-11-21 15:08:57

我有填充图片，但是如何填充它？它不会拉伸（或重复）以填充整个单元格。我有所有的细胞，我希望他们成为，但我需要现在填写图像。 – Pieter888 2009-11-21 15:21:52

把放在你的中心单元内。也设置fill.jpg的背景repeat-x – 2009-11-21 15:34:19

这很好，谢谢。尽管我打算使用div元素来制作网站布局，但我发现该表对我的设计工作有很多限制。 – Pieter888 2009-11-22 21:06:39

动态表格大小html

回答

相关问题