Сделать нижний колонтитул нижнего края страницы без использования тега тега

Question

Я занимаюсь этим часами, пытаясь найти разные решения, но ни один из них не работал для меня, я не уверен, что я делаю что-то неправильно или если это шаблон, который я использую. Я попробовал cssstickyfooter, и это тоже не сработало для меня.

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

Вот код CSS:

#rt-debug { 
    background-color: #BF953F; 
    padding-bottom: 15px; 
    border-top: 4px solid #2A9685; 
} 

Я добавил footer2 DIV вокруг отладки для тестирования cssstickyfooter решения

Вот ссылка на сайт: http://www.humanenergygroup.com/oil-and-gas-uk

Answer 1

это это немного взломать, но вы можете использовать jQuery следующим образом:

var t = $("#rt-debug").offset().top; 
var ih = window.innerHeight; 
$("#rt-debug").css('height',ih-t + "px"); 

вот jsfiddle: http://jsfiddle.net/tLNCW/

Answer 2

Самый простой способ сделать это добавить следующие строки в # к.т.-отладки DIV:

#rt-debug { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
} 

Это будет гарантировать, что это всегда полная ширина страницы, а также сохранение он «липкий» в нижней части окна.