hamed009
شنبه 11 آبان 1392, 17:07 عصر
دوستان عزیز لطفا راهنماییم کنین
من مسترپیج رو با سه تا div اصلی header,content,footer تنظیم کردم اما نمیدونم چرا وقتی صفحات دیگه از این مستر پیج استفاده می کنن Div footer میوفته روی div content??
ضمنا footer حتما باید پائین صفحه باشه.
div footer به جای اینکه دقیقا زیر content قرار بگیره بدون توجه به ارتفاع content اما میوفته روی اون.
توروخدا کمکم کنین..مخم داره سوت میکشه
<body>
<div id="wrapper">
<div id="header">
<div id='cssmenu'>
<ul>
<li><a href='Home.aspx'><span>Home</span></a></li>
<li><a href='Product.aspx'><span>Products</span></a></li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='ContactUs.aspx'><span>Contact</span></a></li>
</ul>
</div>
</div>
<div id="content">
<form id="form1" runat="server">
<div >
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div>
<div id="footer">
© Copyright 2013 All Rights Reserved</div>
</div>
</body>
html, body
{
background-image: url('images/mainbg.jpg');
background-repeat: repeat-x;
background-color: #e6e6e6;
margin: 0;
padding: 0;
height:100%;
}
#wrapper
{
margin: 0 auto;
text-align: center;
min-height: 100%;
position: relative;
}
#header
{
margin: 0 auto;
text-align: center;
width: 970px;
}
#content
{
padding: 7px;
padding-bottom: 29px; /* Height of the footer element */
}
#footer
{
margin: 0 auto;
text-align: center;
font-size: 11px;
color: #afafaf;
width: 970px;
height: 29px;
position: absolute;
bottom: 0;
background: url(menu_source/images/nav-bg.png) repeat-x 0px 0px;
padding-top: 10px;
border: solid 1px #bababa;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
left:50%;
margin-left:-485px;
}
من مسترپیج رو با سه تا div اصلی header,content,footer تنظیم کردم اما نمیدونم چرا وقتی صفحات دیگه از این مستر پیج استفاده می کنن Div footer میوفته روی div content??
ضمنا footer حتما باید پائین صفحه باشه.
div footer به جای اینکه دقیقا زیر content قرار بگیره بدون توجه به ارتفاع content اما میوفته روی اون.
توروخدا کمکم کنین..مخم داره سوت میکشه
<body>
<div id="wrapper">
<div id="header">
<div id='cssmenu'>
<ul>
<li><a href='Home.aspx'><span>Home</span></a></li>
<li><a href='Product.aspx'><span>Products</span></a></li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='ContactUs.aspx'><span>Contact</span></a></li>
</ul>
</div>
</div>
<div id="content">
<form id="form1" runat="server">
<div >
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div>
<div id="footer">
© Copyright 2013 All Rights Reserved</div>
</div>
</body>
html, body
{
background-image: url('images/mainbg.jpg');
background-repeat: repeat-x;
background-color: #e6e6e6;
margin: 0;
padding: 0;
height:100%;
}
#wrapper
{
margin: 0 auto;
text-align: center;
min-height: 100%;
position: relative;
}
#header
{
margin: 0 auto;
text-align: center;
width: 970px;
}
#content
{
padding: 7px;
padding-bottom: 29px; /* Height of the footer element */
}
#footer
{
margin: 0 auto;
text-align: center;
font-size: 11px;
color: #afafaf;
width: 970px;
height: 29px;
position: absolute;
bottom: 0;
background: url(menu_source/images/nav-bg.png) repeat-x 0px 0px;
padding-top: 10px;
border: solid 1px #bababa;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
left:50%;
margin-left:-485px;
}