當屏幕未最大化時，垂直圖像邊框更改對齊

我有一些非常簡單的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>

來源

2010-04-28 Randy

有一種更好的方法來做你正在做的事情。

首先---你真的不應該使用表格。

就這樣說，你需要使用div。

一個容納所有東西的容器。

裏面，一個左右邊界。使用CSS設置背景圖片。重複一遍。

你的桌子也需要進入一個。

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

如果碰上不假設它的兒童的身高你的主容器的問題，看看clearfix

來源

2010-04-28 09:17:04 TheGeekYouNeed

感謝。它需要一些工作來重組divs而不是表格，但最終所有的工作都會更好。我感謝您的幫助！ – Randy 2010-04-29 17:04:57

當屏幕未最大化時，垂直圖像邊框更改對齊

回答

相關問題