Vertical Image Border Changes Alignment when Screen is not maximized
Posted
by Randy
on Stack Overflow
See other posts from Stack Overflow
or by Randy
Published on 2010-04-28T03:13:37Z
Indexed on
2010/04/28
3:23 UTC
Read the original article
Hit count: 321
I have some pretty straightforward HTML code with a few tables to organize various items of text or images. All works fine except that I need to place a vertical border on both the left and right sides of the screen. I am able to do this with a 2x2 pixel image that I stretch out. When the user has their screen maximized, everything looks great. But when the user hits "Restore Down", then the borders stay in place, but the tables get shoved down so that they start below where the borders end, which is off screen. in other words, the relational alignment between the borders and the tables gets all screwed up. Does anybody know how to make this alignment stay consistent on a restore down? I'm pretty much a newbie with html and asp, so speak slowly. If there is a better method to accomplish this, I'm all ears. Thanks.
Here is the relevant section of code:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<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>
© Stack Overflow or respective owner