div заходит под по div c position fixed

248
29 мая 2017, 23:15

Подскажите, пожалуйста, как можно исправить, чтобы div с id="footer" не заходил под div с id="header".

#header{height:100px;background: rgba(0, 0, 0, 0.8); width:100%;opacity:0.8;position: fixed;} 
#footer{height:200px;background: #e0001a; width:100%;}
<div id="header"> 
  
</div> 
<div id="footer"> 
  
</div>

Answer 1

Думаю надо делать padding-top у body, высотой в #header. При наличии контента на сайте подвал до шапки не достанет.

body { padding-top: 100px } 
#header{height:100px;background: rgba(0, 0, 0, 0.8); width:100%;opacity:0.8;position: fixed; top: 0 } 
#footer{height:200px;background: #e0001a; width:100%;}
<div id="header"> 
  
</div> 
<div id="footer"> 
  
</div>

READ ALSO
Какая наиболее верная структура html сайта?

Какая наиболее верная структура html сайта?

Сколько не создавал сайтов, все они были связаны с CMSТеперь столкнулся с задачей создание сайта без cms, только html,css и js

223
Браузер выводит тег как текст

Браузер выводит тег как текст

Есть табличка в которой вместо стилизованного вывода происходит вывод всего тега таким как он написан в исходнике

211
Не работает проверка ввода onsubmit

Не работает проверка ввода onsubmit

Всем доброго дняУ меня есть html-форма, которую нужно проверять перед отправкой

249
Ошибка в алгоритме метод ветвей и границ

Ошибка в алгоритме метод ветвей и границ

Добрый день! Ошибка в алгоритме, метод ветвей и границНа некоторых графах работает, на некоторых нет - программа зависает рабочий вариант:

443