Здравствуйте. подскажите пожалуйси Как правильно сгделать меня?
Есть фиксированное меню, пункты которого переносят на разные меси одной страницы, все бы ничего но когда перехожу на очередной пунтк, часть текст скрывается под этим самым меню (а точне 100px)
вот пример скриншои как получается:
http://c2n.me/3kwFPbp
а вот ик должно быть:
http://c2n.me/3kwFUs6
<div class="menu">
<div class="menu-box">
<div style="width:200px; text-align:left;">
<a href="#"><img src="img/logo-epica.png" /></a>
</div>
<div style="width:600px;">
<ul class="nav">
<li><a href="#work">Наши рилиты</a></li>
<li><a href="#uslugi">Услуги</a></li>
<li><a href="#">Акция</a></li>
<li><a href="#">Как мы рилиием</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Что мы гделаем</a></li>
</ul>
</div>
<div style="width:200px; text-align:right;">
<p style="font-size:33px;">+ 38 067 694 66 88</p>
<p style="font-size:28px;">
[email protected]</p>
</div>
</div>
</div>
СSS
.menu {
text-align:center;
overflow:hidden;
max-width:100%;
height:100px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2;
padding-top:0px;
margin:0 auto;
background-image:url(../img/bg.jpg);
box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .8);
}
.menu-box {
white-space:nowrap;
font-family:'Open Sans Condensed', sans-serif;
}
.menu-box div {
display:inline-block;
padding-top:10px;
}
