<div class="Header"> ... </div> <div class="Body"> ... </div> <div class="Footer"> ... </div>
<body önload='PageLoad()'> <div class="HeaderContainer"> <div class="SiteLogo"> <asp:Image ID="imgSiteLogo" runat="server" ImageUrl="~/Images/logo.png"/> </div> <div class="HeaderContent" dir="rtl"> <div class="TopAd"> <center>ADVERTISE PLACE</center> </div> <div class="SiteDiscription"> <span>سایت چت فارسی گپر</span> </div> </div> </div> <div class="BodyContainer"> <div id="VerticalMenuLeft" class="MenuBar" dir="rtl" style="height:auto;"> <div class="LeftMenubarItem"><a id="OrderSoftware" href="" title="سفارش هر نوع نرم افزار با قیمت مناسب و کیفیت بالا" target="_blank">سفارش نرم افزار</a></div><br /> <div class="LeftMenubarItem"><a id="OrderWebsite" href="" title="سفارش وب سایت با سرعت بالا، پشتیبانی، طراحی زیبا، کیفیت بالا و قیمت مناسب" target="_blank">سفارش وب سایت</a></div><br /> </div> <div id="BodyMainContent" class="BodyMainContent"> <asp:ContentPlaceHolder ID="MainContents" runat="server"></asp:ContentPlaceHolder> </div> </div> <div class="FooterContainer"> <div style="background-color:Olive;float:left;width:200px;height:200px;"> </div> <div style="background-color: Lime;float:right;width:80%;height:200px;"> </div> </div> </body>
/******************** Tags ********************/ body { width:100%; height:auto; background-color:Yellow; margin: 0px; } /******************** Header ********************/ .HeaderContainer { width:100%; height:auto; } .SiteLogo { width:13%; height:200px; float:left; } .HeaderContent { width:85%; height:200px; background-color:Red; float:right; } .TopAd { width:100%; height:70px; background-color:White; } .SiteDiscription { font-family:2 Compset; text-align:center; } /******************** Body ********************/ .BodyContainer { width:100%; height:auto; } .MenuBar { width:13%; background-color:green; float:left; } .MenuBar .LeftMenubarItem { width: 100%; height: 50px; background-image: url('../Images/LeftMenu/Item1.png'); background-position: center center; background-repeat:no-repeat; color:White; text-align:center; text-decoration:none; vertical-align:text-bottom; padding-top:10%; } .BodyMainContent { width:85%; height:500; background-color:Blue; float:right; } /******************** Footer ********************/ .FooterContainer { width:100%; height:auto; background-color:Gray; }
<div id="body"> content and stuff here..... <div style="clear:both"> </div> </div> <div id="footer">footer stuff</div>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)