"Резина" по вертикали

Статус
Закрыто для дальнейших ответов.

Wild_Boar

вредное животное
Топикстартер
10 лет на форуме
Сообщения
297
Реакции
59

qsedftghk

фея
15 лет на форуме
Сообщения
2 032
Реакции
1 198
Ответ: "Резина" по вертикали

Генератор HTML+CSS шаблонов
В нём можно сгенерить простейшую страничку с css, у которой footer прижат к низу. Ну и соответственно посмотреть код css.


Не по теме:
ЗЫ. Или я что-то не так понял? Тороплюсь на работу...
 

Wild_Boar

вредное животное
Топикстартер
10 лет на форуме
Сообщения
297
Реакции
59
Ответ: "Резина" по вертикали

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

qsedftghk

фея
15 лет на форуме
Сообщения
2 032
Реакции
1 198
Ответ: "Резина" по вертикали

У мерсевского сайта div #ms-footer - имеет position: fixed и z-index: 1000 - поэтому и "перекрывает"

Это сделано на css.
 

Wild_Boar

вредное животное
Топикстартер
10 лет на форуме
Сообщения
297
Реакции
59
Ответ: "Резина" по вертикали

По-моему IE6 FIXED не понимает, а в нем это тоже работает.
 

qsedftghk

фея
15 лет на форуме
Сообщения
2 032
Реакции
1 198
Ответ: "Резина" по вертикали

Разбираться особо не хочется, если честно, но в исходном коде есть строки, которые подключают разные css в зависимости от браузера... Так что вот.
 

I-O p a

Участник
Сообщения
311
Реакции
48
Ответ: "Резина" по вертикали

Данный подвал визуально выглядит и ведёт себя как обычно выглядят навязчивые банеры поверх сайта, когда прокручиваешь страницу, а он всё равно потом приползает на определённую позицию, с некоторой задержкой. Наверное стоит копать в этом направлении. Как это делается хз.
 

qsedftghk

фея
15 лет на форуме
Сообщения
2 032
Реакции
1 198
Ответ: "Резина" по вертикали

Имхо - это сделано на css, без участия скриптов.
 

Padva10

Участник
Сообщения
3
Реакции
0
Ответ: "Резина" по вертикали

Это не то?
Код:
<div class="qwerty">123</div>
Код:
.qwerty {
	bottom: 0;
	position: absolute;
}
 
Статус
Закрыто для дальнейших ответов.