css фиксированное меню перекрывает содержимое

-2

У меня есть главное меню, которое должно быть всегда видимым, поэтому я использовал позицию: исправлено. Он работает, и меню всегда находится поверх окна. Проблема возникает с содержанием, следующий DIV с большим изображением урезается с помощью меню:css фиксированное меню перекрывает содержимое

#header { 
    position: fixed; 
    top: 0; 
}

Вы можете увидеть меню в этой ссылке:

http://212.48.86.94/~admin/el-cuartel-gana-el-tercer-premio-mejor-agencia-independiente-en-los-premios-control-2014/

Я попытался изменения позиции , переполнение и все в firebug без везения.

Также тема wp, которую я изменяю, выполняет некоторые вычисления javascript для высоты и использует событие на прокрутке.

Я не уверен, как это исправить.

источник

2014-11-19 Oterox

Если меню имеет фиксированную высоту, вы можете использовать ту же сумму, что и маржа или верхняя часть верхнего слоя для первого элемента контента, или отступы для тела или что-то еще. Если это не так, вам придется либо вычислить высоту, либо не зафиксировать ее в первую очередь. – CBroe

вашего герою обертки просто добавить запас ..

#hero-wrapper{ 
    margin-top: 68px; 
}

это будет компенсировать ширину вашего фиксированного заголовка

несколько других нот ...

линии 2549 имеет консоль .log(), вы должны удалить это.

console.log('dentro1');

линия 2551 вашего main.js выдает ошибку при прокрутке

$categoryHash = document.URL.split('?')[1].replace(/^filter=/, ''); 

Uncaught TypeError: Cannot read property 'replace' of undefined

источник

2014-11-19 15:50:37

Я добавил margin-top: 67px в другие divs не так. Глупо мне :) – Oterox

@Oterox awesome! Рад, что смог помочь :) –

Просто добавьте margin-top: 100px или любое значение, ваш заголовок к вашему CSS. Это гарантирует, что ваш контент не будет закрыт в верхней части страницы. Вы могли бы попробовать что-то вроде этого:

#nav { 
 
    position: fixed; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
    height: 100px; 
 
    background: blue; 
 
    color: white; 
 
} 
 
.content { 
 
    margin-top: 100px; 
 
    }

<div id="nav">Welcome</div> 
 
<div class="content">bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>bla 
 
    <br>

Я надеюсь, что это помогает. Дайте мне знать в комментариях ниже, если вам нужна дополнительная помощь.

источник

2014-11-19 15:54:21

css фиксированное меню перекрывает содержимое

ответ

Смежные вопросы