Футер стал резиновым. Как переверстать такой макет.

[Светлана Г.]

Здравствуйте!

Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница:

_http://www.salon-kristyle.ru/

 

Теперь оказалось, что текста нужно значительно больше. Макет изменили так:

 

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

[Great Rash]

Резиновый футер кроссбраузерно без JS не прижать никак.

[Светлана Г.]

Резиновый футер кроссбраузерно без JS не прижать никак.

 

А нет ли ссылки на работающий пример?

[Great Rash]

Я вам на словах расскажу.
 
Вот как реализуется прижатый футер: мы абсолютом в контейнер кладём футер с bottom: 0;, затем мы у блока с основным контентом делаем отступ снизу на высоту футера. Если футер резиновый, то нам надо скриптом получить его высоту и присвоить её нижнему отступу основного контента.

[ryter]

Резиновый футер кроссбраузерно без JS не прижать никак.

flex-box можно прижать резиновый footer без js, но поддержка не особая http://caniuse.com/#feat=flexbox но есть полифил 

[Great Rash]

Полифилл поди на JS?

[ryter]

ну да для не подерживающих. Все как всегда) 

[sigma77]

Таблички и их эмуляция? ))

http://jsfiddle.net/F7E2q

http://jsfiddle.net/F7E2q/1/

http://jsfiddle.net/F7E2q/2/

[Светлана Г.]

Вот как реализуется прижатый футер: мы абсолютом в контейнер кладём футер с bottom: 0;, затем мы у блока с основным контентом делаем отступ снизу на высоту футера. Если футер резиновый, то нам надо скриптом получить его высоту и присвоить её нижнему отступу основного контента.

Сверстала пока без JS:

http://jsfiddle.net/SvetaGr/YwTmW/3/

Таблички и их эмуляция? )) http://jsfiddle.net/F7E2q http://jsfiddle.net/F7E2q/1/ http://jsfiddle.net/F7E2q/2/

Этот вариант не подходит для IE7... Потестю сейчас. Из двух зол выберу меньшую )).

Edited December 12, 2013 by Светлана Г.

[Светлана Г.]

А какой вариант все-таки лучше: со скриптом или с эмуляцией таблиц? Никак не определюсь ...

[Great Rash]

Эмуляция таблиц не работает в ИЕ7 (если актуально), скрипты работают везде.

[Светлана Г.]

Скрипты не будут нагружать страницу?

 

Можно ли что-то придумать для IE7 вместо эмуляции таблиц?

Edited December 13, 2013 by Светлана Г.

[Zverushka]

Скрипт 1 раз на загрузке страницы сработает и все, если макет фиксированный ширины. Вообще не будет нагружать.

[Z1gnet]

для ие7 через таблицы можно expression заюзать

[Светлана Г.]

Решила оставить вариант с абсолютно позиционированным футером и с js. Вроде все работает: http://jsfiddle.net/SvetaGr/YwTmW/9/

 

Спасибо ВСЕМ за помощь! .