Css 位置固定<；td>；使元素移动_Css_Position_Html Table_Border

Css 位置固定<；td>；使元素移动

css

Css 位置固定<；td>；使元素移动,css,position,html-table,border,Css,Position,Html Table,Border,我有一个有3列的表。我使用中间一列作为内容，另外两列有一个图像作为边框，如下所示： border --> ||HEADER || <--- border ||NAV || ||CONTENT || || || ||FOOTER || border-->|| HEADER | |出于设计目的，表有限制（这只是我的意见：-））。如果你坚持

我有一个有3列的表。我使用中间一列作为内容，另外两列有一个图像作为边框，如下所示：

 border -->   ||HEADER  ||  <--- border
              ||NAV     || 
              ||CONTENT ||
              ||        ||
              ||FOOTER  ||

border-->|| HEADER | |出于设计目的，表有限制（这只是我的意见：-））。
如果你坚持你的代码，那么你可以使用这个布局
图像的最小宽度应为1010px（10px边框，990px内容，10px边框）

身体{
最小宽度：1010px；
背景：url（images/vertical.jpg）上中重复-y；
保证金：0；
}
.包装纸{
左边距：自动；
右边距：自动；
宽度：990px；
}
.可满足{
宽度：990px；
保证金：0；
填充：0；
}
内容在这里

此外，出于设计目的，您还可以尝试使用from，表有限制（这只是我的意见：-））。
如果你坚持你的代码，那么你可以使用这个布局
图像的最小宽度应为1010px（10px边框，990px内容，10px边框）

身体{
最小宽度：1010px；
背景：url（images/vertical.jpg）上中重复-y；
保证金：0；
}
.包装纸{
左边距：自动；
右边距：自动；
宽度：990px；
}
.可满足{
宽度：990px；
保证金：0；
填充：0；
}
内容在这里

此外，您还可以尝试使用from实际上，我没有将样式应用于td，而是创建了一个div，这样它就可以用作图像的容器，从而解决了这个问题。但是我必须将td宽度设置为10（比如div）。对于你的代码，如果你的内容区域小于窗口，你必须使用大背景图像（我认为高度：100%；大多数浏览器不工作）。如果我的建议对你有帮助，也不要忘了投票（感谢）。。谢谢。：）实际上，我没有将样式应用于td，而是创建了一个div，这样它就可以用作图像的容器，从而解决了这个问题。但是我必须将td宽度设置为10（比如div）。对于你的代码，如果你的内容区域小于窗口，你必须使用大背景图像（我认为高度：100%；大多数浏览器不工作）。如果我的建议对你有帮助，也不要忘了投票（感谢）。。谢谢。：）图像现在死了，使问题变得不那么清楚。图像现在死了，使问题变得不那么清楚。
 <td style="background-image:url(images/vertical.jpg); width:10px; height:100%; background-repeat:repeat-y; vertical-align:top; position:fixed;"></td>

<!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>
<style>
body{
    min-width: 1010px;
    background:url(images/vertical.jpg) top center repeat-y;
    margin:0;
}
.wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
}
.contenttable{
    width: 990px;
    margin:0;
    padding:0;
}
</style>
</head>
<body>
    <div class="wrapper">
    <table class="contenttable">
        <tr>
        <td>content goes here</td>
        <tr>
    </table>
    </div>
</body>
</html>