Question

<header>
 <div class="image"><img src="http://dlsprimer2.ucoz.net/shapka.jpeg"></div>
 <div class="wrapper">
 <div id="header">
 <div class=head-top>
 <div class="nav-head">
 <div class="material-icons i_menu">menu</div>
 </div>
 <div class="head-l">
 <?if($SEARCH_FORM$)?>
 <div id="sch-box">
 <div class="material-icons i_search">search</div>
 <div class="search-box">$SEARCH_FORM$</div>
 </div>
 <?endif?>
 </div>
 <div>
 <div class="head-r">
 <div class="material-icons i_person">person</div>
 <?if($USERS_ON$)?>
 <div class="registration-links">
 <?if($USER_LOGGED_IN$)?>
 <a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><!--<s5214>--><!--</s>--></a> <span class="after-link"></span> <a title="#" href="$LOGOUT_LINK$"><!--<s5164>--><!--</s>--></a>
 <?else?>
 <a title="Регистрация" href="$REGISTER_LINK$"><!--<s3089>--><!--</s>--></a> <span class="after-link"></span> <a title="#" href="$LOGIN_LINK$"><!--<s3087>--><!--</s>--></a>
 <?endif?>
 </div>
 <?endif?>
 </div>
 <div class="site-name">
 <a href="$HOME_PAGE_LINK$"><!-- <logo> --><!-- <logo> -->Мой сайт<!-- </logo> --><!-- </logo> --></a>
 </div>
 </div>
 </div>
 <div class="clr"></div>
 <div class="head-bottom">
 <nav> <div id="catmenu">
 <!-- <sblock_nmenu> -->
<?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_nmenu> -->
 <div class="clr"></div>
 </div>
 </nav>
 </div>
 <div class="clr"></div>
 </div>
 </div>
 </header>

Answer 1

Убрать padding здесь

#sch-box { 
left: 0px;
padding: 5px 0px 0px;
position: absolute;
}

Comments

убрала padding, но окну поиска все ещё не хватает места

---

Марина Телиш,

скриншот покажите....

---

Sentimo,

 нижней гранью он все равно заползает на меню...

---

Марина Телиш,

Это пропишите в ксс

.head-bottom { 
margin-top: 30px;
}

Здесь удалите красное

.head-top { 
overflow: hidden;
position: relative;
}