Hi,
I have a page layout problem that I need some help with.
My page template that I am trying to design for our new site has four main areas: Header, Navigation, Body and Footer. I have designed the page using one table with a width of 100%.
The navigation that I am using is a treeview control.
So what I am trying to do is get the Body section of the page to dynamically change size depending on the treeview nodes that are expanded. This is all working well at the moment, my problem come in when I add the Header user control to the page! The width of the Header control is 100% and therefore throws the Body section of my page all the way to the right. Not sure how to sort this out?
Hope that my problem makes sense?
Here is the code from my Template page:
------------------------------------------------------------------------
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="test.aspx.vb" Inherits="BCP.test"%>
<%@Register tagprefix="MYTAG" tagname="header" src="header.ascx"%>
<%@Register tagprefix="MYTAG" tagname="Start_Navigation" src="navigation.ascx"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns >
<HEAD>
<title>test</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0" MS_POSITIONING="GridLayout">
<FORM id="Form1" runat="server">
<P>
<TABLE id="tbl_layout_frame" style="Z-INDEX: 101; LEFT: 0px; POSITION: absolute; TOP: 0px"
height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD colSpan="2" height="100"></TD>
</TR>
<TR>
<TD vAlign="top" width="157"><MYTAG:START_NAVIGATION id="Start_Navigation" runat="server"></MYTAG:START_NAVIGATION></TD>
<TD>
<TABLE id="tbl_body_frame" height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR>
<TD width="20" height="20">
<asp:image id="Image14" ImageUrl="./images/content_tl.gif" runat="server"></asp:image></TD>
<TD width="100%" background="./images/content_tm.gif" height="20"></TD>
<TD noWrap width="22" height="20">
<asp:image id="Image6" ImageUrl="./images/content_tr.gif" runat="server"></asp:image></TD>
</TR>
<TR>
<TD width="20" background="./images/content_ml.gif"></TD>
<TD width="100%" bgColor="#fafafa"></TD>
<TD width="22" background="./images/content_mr.gif"></TD>
</TR>
<TR>
<TD width="20" height="22">
<asp:image id="Image12" ImageUrl="./images/content_bl.gif" runat="server"></asp:image></TD>
<TD width="100%" background="./images/content_bm.gif" height="22"></TD>
<TD width="22" height="22">
<asp:image id="Image11" ImageUrl="./images/content_br.gif" runat="server"></asp:image></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD colSpan="2" height="10"></TD>
</TR>
</TABLE>
</P>
</FORM>
</body>
</HTML>
----------------------------------------------------------------------
Hope somebody can help….
Regards,
Mark.
