I have been struggling with this for a bit now. I'm maintaining a website and trying to clean up some of the layout. I'm not doing a full overhaul of the site and don't have the authority to change the much. I'm making a slight change to the layout of a number of pages that have a wrapper around them. In this process, I'm trying to convert the tables to divs to make updates easier to do in the future.
My problem is that one div is not properly stretching with the page. I've read a whole bunch of articles on this already and I've tried everything in them excluding adding javascript (trying to avoid if possible). I will attach a screenshot and the html code.
Note that I do not intend on leaving the styling in the tags as they are long term. They are only that way for testing purposes currently and will eventually be moved into an external stylesheet.
Thanks in advance for your help.
A screenshot of the page as it appears (with some notes) can be found here.
http://i208.photobucket.com/albums/bb216/rabidmuskrat/cssscreenshot.jpg[html]
<div style="position:relative;"
>
<div style="padding:0; margin:0; border-width:0">
<asp:Label id="lblTop" runat="server"></asp:Label
>
</div>
<div style="position:relative;"
>
<div style="height: 45px; width:300px; position:absolute; left:0px; vertical-align:bottom;" align="right">
<asp:Image id="imgLeft" runat="server" ImageUrl="../../HttpHandle
rs/CurveIm
age.ashx?l
eft=false&
width=45&h
eight=45&t
op=false&c
olor=3300c
c" Height="45px" Width="45px"></asp:Image>
</div>
<div style="height: 45px; width:700px; position:absolute; left:300px; background-image:url(../..
/HttpHandl
ers/Backgr
oundFill.a
shx);">
<asp:Label id="lblTopBar" runat="server"></asp:Label
>
</div>
<div align="left" style="width:255px; height:100%; position:absolute; left:0px; top:45px; vertical-align:top;">
<asp:Label id="lblLeft" runat="server"></asp:Label
>
</div>
<div align="left" style="width:45px; height:100%; vertical-align:top; position:absolute; left:256px; top:45px; background-image:url(../..
/HttpHandl
ers/Backgr
oundFill.a
shx); background-repeat:repeat;"
>
</div>
<div style="width:700px; height:100%; position:absolute; left:300px; top:45px; vertical-align:top;">
<asp:Label id="lblMessage" runat="server"></asp:Label
>
<!-- normal page content goes here. -->
<div align="center">
<asp:Image id="imgSSL" runat="server" ToolTip="SSL Certificate Authority - Your Information is Secure"></asp:Image>
</div>
<div align="center" style="vertical-align:bott
om">
<asp:Label id="lblCopyright" runat="server" CssClass="fieldLabel">This
site performs best when using Internet Explorer 6.0 -</asp:Label>
<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl="
http://download.microsoft.com/download/ie6sp1/finrel/6_sp1/W98NT42KMeXP/EN-US/ie6setup.exe">G
et it here, free.</asp:HyperLink>
</div>
</div>
<div style="clear:both; font-size:1px">
</div>
</div>
[/html]
Start Free Trial
