фиксированное меню

[mgorban]

Здравствуйте. подскажите пожалуйси Как правильно сгделать меня?

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

 

Изменено 9 июля 2015 пользователем mgorban

[ArtemPitov]

посмотреть бы на сам сайт

[mgorban]

посмотреть бы на сам сайт

:( ик он еещё на компе может я что-то могу скриншотом показать?

[andzaaa]

скорей всего смотрите скрипт который отвечает за прокрутку к нужному пункту

[mgorban]

скорей всего смотрите скрипт который отвечает за прокрутку к нужному пункту

ээ... я гделал без скрипи.. со скриптом у меня не полулилось...

[ArtemPitov]

<script type="text/javascript">
$(document).ready(function () {	
$(function () {	

$(window).scroll(function () {
		
 if ($(this).scrollTop() > 300) {	
 $("#scroller").show();	
 $('#scroller').css({'background-color':'rgba(0,0,0,0.10)'});
 }
   
 else {	
 $("#scroller").fadeOut()
 }	
 
});

$(window).scroll(function () {

 if($(this).scrollTop() > 800) {
 $('#scroller').css({'background-color':'rgba(255,255,255,0.10)'}) 
 }	

});

 $("#scroller").click(function () {	
 $("body,html").animate({scrollTop: 0}, 300);
 
return false }); 

}); 
});
</script>

Вот ик я себе гделал, пример на сайте можете глянуть bigsam.com.ru

[mgorban]

 

Вот ик я себе гделал, пример на сайте можете глянуть bigsam.com.ru

 

Если я выложу щасть сайи (он у меня еещё не догделан) вы сможете для моего меню сгделать скрипт.???.. Ну хоть убейте не получается у меня, уже кучу разных вариантов перепропотому чтовал.. (((

[mgorban]

вот, я выложил. сильно не пугайтесь им много чего не догделано, но сейчас главное - это страдальческое меню http://epica-1.mg-portfolio.ru

Помогите пожалуйси.

[HyperLabTeam]

#work
расположи выше

или
http://itchief.ru/lessons/bootstrap-3/38-bootstrap-3-navigation-menu

Изменено 10 июля 2015 пользователем AWARO

[HyperLabTeam]

navbar-fixed-top иое