buben
-
Posts
1 -
Joined
-
Last visited
buben's Achievements
Explorer (1/14)
0
Reputation
-
структура <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". то его вообще не видно. подскажи кто знает в чем может быть причина. заранее спасибо.)