Здравствуйте. подскажите пожалуйста Как правильно сделать меня?
Есть фиксированное меню, пункты которого переносят на разные места одной страницы, все бы ничего но когда перехожу на очередной пунтк, часть текст скрывается под этим самым меню (а точне 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;
}