0

我有一些非常简单的 HTML 代码，其中包含一些表格来组织各种文本或图像项目。一切正常，除了我需要在屏幕的左侧和右侧放置一个垂直边框。我可以用我拉伸的 2x2 像素图像来做到这一点。当用户最大化他们的屏幕时，一切看起来都很棒。但是当用户点击“Restore Down”时，边框保持在原位，但表格被推下，以便它们从边框结束的地方开始，即屏幕外。换句话说，边框和表格之间的关系对齐被搞砸了。有谁知道如何使这种对齐在恢复时保持一致？我几乎是 html 和 asp 的新手，所以慢慢说。如果有更好的方法来实现这一点，我会全力以赴。谢谢。

这是代码的相关部分：

<form id="form1" runat="server">
<asp:Image ID="LeftBorder" src="../Images/Border_Blue.jpg" runat="server" 
           WIDTH="15" HEIGHT="1000" BORDER="0" alt="Image Missing" align="left"/>

<asp:Image ID="RightBorder" src="../Images/Border_Blue.jpg" runat="server" 
           WIDTH="15" HEIGHT="1000" BORDER="0" alt="Image Missing" align="right" />

<table id="BannerTable" style="height: 100px">
        <tr>
            <td  width="934px">
            <img src="../Images/Header.jpg" 
                 alt="Image Missing" id="ImgBanner" align="left"/></td>
        </tr>
</table>
4

1 回答 1

0

有一种更好的方法来做你正在做的事情。

首先 --- 你真的不应该使用表格。

话虽如此，您需要使用div。

一个容纳一切的容器。

在里面，a 代表左右边框。使用 CSS 设置背景图像。重复-y。

你的桌子也需要进入。

<div class="container">
     <div class="leftBorder"></div>
     <div>
        Your table
     </div>
     <div class="rightBorder"></div>
</div>

如果您遇到主容器的问题，而不是假设它的孩子的高度，请查看clearfix

于 2010-04-28T09:17:04.603 回答