div not stretching

[rabidmuskrat]

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.

-edit-
since it doesn't seem to always wrap the code correctly I'll attach a txt file of the code.
-editx2-
ok, it won't let me upload another file now.

HTML: Select all

<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="../../HttpHandlers/CurveImage.ashx?left=false&width=45&height=45&top=false&color=3300cc" Height="45px" Width="45px"></asp:Image>
    </div>
    <div style="height: 45px; width:700px; position:absolute; left:300px; background-image:url(../../HttpHandlers/BackgroundFill.ashx);">
        <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;">
        &nbsp;
        <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(../../HttpHandlers/BackgroundFill.ashx); background-repeat:repeat;">
        &nbsp;
    </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:bottom">
     <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">Get it here, free.</asp:HyperLink>
</div>
    </div>
    <div style="clear:both; font-size:1px">
        &nbsp;
    </div>
</div>

[Lchad]

I don't see any content such as text or images in any of the div's. When you put content in, the div still doesn't stretch?

How familiar are you with html/css?

Your use of div style= is not correct.
I would suggest you look at Moojoo's two column layout here.

I wasn't sure from your graphic what was supposed to stretch ... I'm really thick!

[rabidmuskrat]

There is a spot marked as "content goes here" with comments in there. The thing is this is not a simple page, it actually is a wrapper that goes around various pages. It's setup so that all of the normal content from a page will go between those marked divs when the page is compiled, with html tags and whatnot still being outside of the divs. I will attach a copy of what the final html looks like, though pulling up the page will not how you exactly what it ends up looking like since you won't have the images.