Что произошло с футером?

Question

[sergey]

Проблема с футером появляется на расширении больше 1024px, он подымается вверх высоко...


На меньших расширениях этого нет.
ссылка на проект ссылка

Answer 1

[Гарольд]

Вероятно это из-за позиционирования в этих блоках:

<div class="footer">
		<div class="bg-top"></div>
		<div class="bg-left"></div>
		<div class="bg-right"></div>

Answer 2

[Александр Гамов]

.footer > .bg-left {
    background: transparent url("../images/footer-bg-left.gif") no-repeat scroll 0px 0px;
    width: 286px;
    height: 274px;
    top: 80px;  <----- вот так сделайте
    left: 0px;
}

Скажу еще раз, не используйте блоки только для ради бэкграунда.

Comments

[Александр Гамов]

.footer{
background: url("../images/footer-bg-left.gif") no-repeat left bottom, url("../images/footer-bg-right.gif") no-repeat right bottom;
background-color: #EDECE6;
}

И будет вам счастье.

[sergey]

Александр Гамов: спасибо!

[sergey]

Александр Гамов: Поставил я этот код, но футер все равно висит в воздухе

[Александр Гамов]

martynuk: Для начала проверьте html. 100% там ошибки с не закрытми тэгами, т.к. на данный момент весь сайт помещен в блок id="top_nav" т.е. в шапку сайта... я сомневаюсь, что так и задумывалось )

[sergey]

Александр Гамов: ок

[Александр Гамов]

martynuk: вы конечно всеравно проверьте код ) но я немного не так изначально вопрос понял ) думал что делао в выезжающей левой картинке )

[sergey]

Александр Гамов: да скорее всего с тегом незакрытым баг

Answer 3

[Алексей Зуев]

Всему виной ваше подменю верхнего пункта меню Виски

#nav-menu ul ul {
    left: -9999px;
    min-width: 250px;
    position: absolute;
    z-index: 100;
}

Оно раздвигает вам высоту

Comments

[sergey]

а можно подробнее как оно влияет на высоту?

[Алексей Зуев]

martynuk: ну попробуйте его скрыть через display:none или уберите left: -999px и увидите, что оно до самого низа

[Алексей Зуев]

martynuk: добавил скриншот в ответ

[sergey]

Алексей Зуев: спасибо Алексей, действительно из-за этого.

[sergey]

Алексей Зуев: а как это обойти? ведь убрав left: -9999px слетает разметка...

[Алексей Зуев]

martynuk: Вместо left оперировать display: none display: block

[sergey]

Алексей Зуев: ок, спасибо.

[Алексей Зуев]

такую длинную колбасу в подменю вообще как-то некрасиво вываливать в один столбец

[sergey]

я знаю, но этот сайт не моя работа, мне дали его на адаптивку:)

[sergey]

Алексей Зуев: а возможно просто задать ширину столбца, что бы он в два отображался ну и стал короче