Thanks John.
I know it's not a sin, but I was still trying to get it to work. I don't see why it cannot.
I don't understand how a table is going to solve the problem I am having?
Let me show you my full code if you have time to read it....... it is very basic for now as I am just tryin got get the layout to align,,,
The HTML:
<%@ Register TagPrefix="Snapsis" Namespace="Snapsis.DNN.Skins" Assembly="Snapsis.DNN.NavMenu" %>
<div id="PageContainer">
<div id="ControlPanel" runat="server"></div>
<div id="Header">
<div id="LanguageContainer">LanguageContainer</div>
<div id="TopMenuContainer">
<Snapsis:NavMenu id="TopMenu" DisplayIcon="true"
Level="0-0" Type="Tabs"
IncludeTabs="About Vela Blue,Contact,Join Now,Learn To Sail,Lifestyle Business Opportunity" runat="server" />
</div>
<div id="ArtContainer">
<div id="LogoContainer">[LOGO]</div>
<div id="BannerContainer">[BANNER]banner</div>
</div>
<div id="MainMenuContainer">
<Snapsis:NavMenu id="MainMenu" DisplayIcon="true"
Level="0-0" Type="Tabs"
ExcludeTabs="About Vela Blue,Contact,Join Now,Learn To Sail,Lifestyle Business Opportunity,Admin,Host" runat="server" /></div>
<div id="SystemContainer">
<div id="CurrentDate">[CURRENTDATE]</div>
<div id="UserMenu">
<Snapsis:NavMenu id="AdminMenu"
Level="0-1" Type="SelectList"
IncludeTabs="Admin,Host" runat="server" /></div>
<div id="UserLogin">[USER] [LOGIN]</div>
</div>
</div>
<div id="Content">
<div id="TopPane" runat="server"></div>
<div id="MiddleContent">
<div id="LeftPane" runat="server">
<Snapsis:NavMenu id="ChildMenu"
Level="1-3" Type="Tabs" OnlyExpandActive="true" ShowType="WithActiveParent"
runat="server" /></div>
<div id="ContentPane" runat="server"></div>
<div id="RightPane" runat="server"></div>
</div>
<div id="BottomPane" runat="server"></div>
</div>
<div id="Footer">
<div id="Copyright">[COPYRIGHT] [TERMS] [PRIVACY]</div>
<div id="Address"></div>
</div>
</div>
-----------------------
The CSS
body {
margin: 0;
padding: 0;
font: arial, hevetica, sans-serif;
background-color: #99CCFF;
text-align:center;
}
#PageContainer{
width:770px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#Header{
background-color:transparent;
width: 100%;
}
#LanguageContainer{
width: 100%;
background-color: aqua;
}
#TopMenuContainer{
background-color:aqua;
width: 100%;
}
#ArtContainer{
width: 100%;
float: none;
}
#LogoContainer{
background-color:blue;
width:20%;
float:left;
}
#BannerContainer{
background-color:black;
width:79%;
float:left;
}
#MainMenuContainer{
background-color:fuchsia;
clear: both;
}
#SystemContainer{
background-color:lime;
width: 100%;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
#CurrentDate{
background-color: blue;
width: 25%;
float: left;
margin-left: 2px;
text-align: left;
}
#UserMenu{
background-color: red;
width: 49%;
float: left;
margin-left: 2px;
text-align: center;
}
#UserLogin{
background-color: blue;
width: 25%;
float: right;
margin-left: 2px;
text-align: right;
}
#Content{
width: 100%;
clear: both;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
#TopPane{
background-color:navy;
}
#MiddleContent{
width: 100%;
}
#LeftPane{
background-color:orange;
float: left;
width: 20%;
margin-left: 2px;
}
#ContentPane{
background-color: purple;
float: left;
width: 59%;
margin-left: 2px;
}
#RightPane{
background-color:teal;
float: right;
width: 20%;
margin-left: 2px;
}
#BottomPane{
background-color:white;
}
#Footer{
background-color:yellow;
}
Thanks...