[Помогите] с position:fixed;

Добавляю в шапку position:fixed;
чтоб меню за мной ходило




тогда контент сносится вверх

когда убираю position:fixed;

то нормально




код шапки

Код:

.header {
        height: 70px;
    background: #212121;
    color: #fff;
    margin-bottom: 15px;
     position:fixed;
    top:0; left:0;
    width:100%;
}

что можна сделать??

 

увеличь margin для контента

 

при fixed, контент тут позиционируется относительно верхнего края экрана, поэтому "О нас" оказывается под менюшкой. Нужно, как посоветовал предыдущий оратор, увеличить отступ сверху для контента, чтобы он вылез из-под менюхи.

 

Когда задаешь position:fixed, то другие элементы отображаются на веб-странице словно фиксированного элемента и нет.
Выставь в блоке контента margin-top равный высоте меню.

 

создай баластный div

 

Я так понимаю позицию fixed ты задаеш, что бы твоя шапка с меню при прокрутке не уезжала. но для этих целей обычно используют
Java скрипты. Вот попробуй вот этот:
$(function(){
$(window).scroll(function() {
var top = $(document).scrollTop();
if (top < 50) $(".header").css({'top': '0', 'position': 'relative'});
else
$(".header").css({'z-index' : '6','top': '0', 'left': '0', 'position': 'fixed' });
});
});
Вот такой простой скрипт тебе поможет.

 

Зачем скриптом грузить страницу если все решается с помощью margin-top????)