Нижний колонтитул нижнего кроссбраузера 100%

Question

Это мой первый вопрос здесь, так что не забывайте, что у нас могут быть некоторые проблемы с кодом.

Но дело в том, что я использую шаблон (возможно, помню, какой шаблон atm), который должен работать в каждом браузере, но я не могу получить код снизу.

URL К САЙТУ В 1 Комментарий.

Я вставляю HTML & CSS с Pastebin для вас, людей, которые не хотят видеть страницу.

Пожалуйста, обратите внимание, что CSS является грубым и не чистым, так же как и HTML, поскольку страница находится в разработке.

Я искал здесь пару раз безрезультатно и не мог получить его, не испортив всю страницу.

Я могу только проверить это вживую на сафари в Йосемити, и Chrome Win 7.

HTML и CSS

Я думаю себе, что есть с нижними изображениями, чтобы сделать с.

FYI: У меня нет ни одного логотипа, и это некоммерческий проект entuisasm для F1 Simracing.

Благодарим вас и просим.

Answer 1

U действительно сильно испортил ваш код ..!

Внесите эти изменения, он будет работать отлично. удаление HTML, тело {высота: 100%}

/**** add CSS ***/ 
html {min-height: 100%;position: relative;} 
body {margin-bottom: 288px;}/* height of footer */ 
footer {position:absolute;width:100%;left:0;right:0;bottom:0;} 

удалить этот контейнер тег из нижней части страницы HTML.

Answer 2

Хорошо, я получил колонтитул в absoulte нижней части браузера (Safari атм)

Но содержание получает скрытые за колонтитула, и не тот ничего хорошего.

Прикрепление изображения и код ScreenshotCSS

Im действительно жаль грязный CSS, но я действительно ценю помощь!