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: 317

Filed under:
|
|

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

Related posts about vertical-alignment

Related posts about html