Запуталась в блочной верстке!

Ledok · November 2, 2012

https://lh6.googleusercontent.com/-50Vu66rx3-s/UJNrqsMDmjI/AAAAAAAAFBQ/jXYJgQtydS8/s1543/666.gif

пишу сайт на битрикс.

никак не могу опустить логотип вниз, первый раз верстаю div. Помогите разобраться.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<?$APPLICATION->ShowHead()?>
<title><?$APPLICATION->ShowTitle()?></title>
</head>	
 <body ><?$APPLICATION->ShowPanel();?>
 <div class="b-logo-wrapper"><!-- блок логотип-->
    <div class="b-logo"><img src="/bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/images/new-logo.png"> поиск<div class="search" ><?$APPLICATION->IncludeComponent("bitrix:system.auth.form", "template3", Array(
	"REGISTER_URL" => "",	// Страница регистрации
	"PROFILE_URL" => "",	// Страница профиля
	"SHOW_ERRORS" => "N",	// Показывать ошибки
	),
	false
);?> </div> </div>

</div><!-- /блок логотип-->
<div class="b-menu-wrapper"><!-- блок меню-->
    <div class="b-menu">
        menu
    </div>
</div><!-- /блок меню-->

.b-logo-wrapper {
    width: 1280px;/*мин.ширина 1280 для стр.*/
    margin: 0 auto;
	height: 200px;
}
.b-logo {
    width: 100%;/*было 1280px*/
    height: 100%;
    background: white;
	padding: 15px 0px 0px 0px;

}
.b-menu-wrapper {  /*основной блок меню*/
    width: 100%;
    background: #6a6;

}
.b-menu { /*меню середина.*/
    height: 35px;
    width: 1280px;
    margin: 0 auto;

}
.b-content-wrapper { /*основной блок контента.*/
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
	padding: 30px 0px 0px 0px;}
.search { /*регистрация!!*/
    float:right;
    width:270px;
	height:100%;
    background: #F5F5F5; /* светло-серый */
    border-left:1px solid #1E8A2F;
    border-right:1px solid #1E8A2F;
    border-bottom:1px solid #1E8A2F;
    border-top:1px solid #1E8A2F;
    padding: 6px 10px 10px 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    z-index:1001;}

pashkje · November 2, 2012

я бы по пробовал .b-logo-wrapper {margin: 20px;} или .b-logo-wrapper {position: absolute; и двигать процентами куда надо}

Sign In

Запуталась в блочной верстке!

Question

Ledok

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

pashkje

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information