CSS Sticky Footer - Как сделать так, чтоб подвал был всегда внизу страницы, без таблиц
LeXer-а разбудил паренёк, с которым он познакомился в самолете, пока летел в Голландию. Его звали Arbitter. Друзья называли его Рыбой. LeXer любил пиво с таранкой, поэтому сразу подружился с Рыбой. Что ещё нравилось LeXer-у в Рыбе, так это то, что у него всегда за ухом был небольшой косячок, который они раскуривали во время полета в туалете самолета. Arbitter получал косячки от своего мудрого учителя-наставника отца Hypnot-а. LeXer и Рыба сидели рядом, LeXer у иллюминатора, а Рыба с краю. Внезапно рядом возник некий субъект в помятой синей футболке и потертых черных джинсах. В руках был скрученный коврик МКС.
- Ану проснись сука Рыба! - субъект начал хуярить ковриком Arbittr-а.
- Блядь, ёбанный в рот я и так не сплю!
- Рыба, у тебя timelimit 5 минут! После этого бегом в гостинницу и шпилить бля! Будешь сука шпилить пока руки не отвалятся!
После этого субъект удалился хуяря всех ковриком МКС.
- Кто это? - спросил LeXer
- Hypnotic, - сказал Рыба и протянул косяк. - На затянись, нас ждут бессонные ночи.
LeXer затянулся изо всех сил и его cg_fov увеличелся до 180.
Этот вариант глючит в IE7-, если внутри #content что-то будет меняться через JS (динамически меняться высота), в этом случае футер будет висеть в том же месте, а не прибитым к низу.
Workaround: нужно делать reflow: в самом конце выполнения js-функции, которая что-то меняет, дописывать что-то типа$bottom.style.zoom=1;(или position=relative, или background-color / много разных безобидных свойств вызывают перерисовку) с паузой в пол-секунды.