проблема с footer

buben · July 2, 2012

структура


<body> <?$APPLICATION->ShowPanel();?> 
<div id="blok-body"> -общий блок 	 
  <div id="header"> -блок шапки внутри еще разбит на 2 блока
    <div class="header-blok1"> 
      <div id="main-menu"> </div>-верхнее меню
     </div>
    <div class="header-blok2"></div>
   	</div>

<div id="page"> общий блок для контента

  <div id="left-sidebar"></div>-левая колонка

  <div id="mainbar"></div>-центральная

  <div id="right-sidebar">-правая 
    <br />

    <div class="blok-zakaz"></div>

    <div class="blok-right"></div>
  </div>



</div>
<div id="footer"></div> проблемная часть.))
 </div>


 </body>

стили


html,body{
	position:relative;
	margin:0;
	background-color:#82FEE2;
	height:100%;  


}

#blok-body{
	width:1200px;
	margin:0 auto;
	/*background-color:#87FDE3;*/
	min-height:100%;
	_height:100%;


}
/*шапка сайта*/
#header{
	position:absolute;
	width:1200px;
	height:530px;
	z-index:1;	

}
.header-blok1{
	float:left;
	width:800px;
	height:530px;
	background-image: url(images/1.jpg);

}
.header-blok2{
	float:right;
	width:400px;
	height:530px;
	background-image: url(images/2.jpg);

}
/*центральный блок*/

#page{
	/*display:inline;*/
	/*position: relative;*/
	/*width:1200px;*/
	/*margin-top:421px;*/
	z-index:2;

}
#left-sidebar{


	position: relative;
	float:left;
	width:200px;
	height:100%;
	margin-top:421px;
	background-color:#7FF5DF;
	z-index:2;


	}
#mainbar{
	display:inline;
	position:relative;
	float:left;
	width:750px;
	margin-top:421px;
	/*margin-left:200px;*/
	padding:50px 23px 10px 23px;
	z-index:2;
}
#right-sidebar{
	position:relative;
	float:right;
	width:200px;
	height:100%;
	margin-top:421px;
	/*margin-left:1000px;*/
	z-index:2;
}
/*правый блок*/
.blok-right{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid #FFFFFF;
	padding: 5px;
	height:70%;
	margin-top:10px;
	margin-right:5px;
	}
.blok-zakaz{
	margin-top:50px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid #FFFFFF;
	padding: 5px;
	height:40px;
	margin-right:5px;

}

#footer{
	/*position:relative;*/
	/*clear: left;*/
	width:764px;
	height:62px;
	z-index:3;
	background-color:#000000;	
}

Проблема в следующем. не могу настроить footer. основной блок с контентом "page" не вытягивается вместе содержимым из за свойство position. что только не переделал не могу сделать чтобы нижний блок был на своем месте. то он прилипает к блоку с контентом "page". то его вообще не видно. подскажи кто знает в чем может быть причина. заранее спасибо.)

Sign In

проблема с footer

Question

buben

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information