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

304
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>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте standart-s.com.ua
ТОП-10
READ ALSO
Какая наиболее верная структура html сайта?
HTML

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

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

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

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

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

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

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

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

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

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

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

 577