Объясните, пожалуйста, поведение блока

[Ludwig Voltman]

Сейчас верстаю макет для тренировки, все вроде бы хорошо, да футер уезжает, когда меняю ширину окна браузера.

Чтобы не быть голословным, накидал структуру блоков:

http://jsfiddle.net/ludwigwoltmann/hP2Xf/

Как можно увидеть, футер не растягивается на ширину экрана при его уменьшении. Я решил проблему, создав обертку для всех блоков, включая футер. Но, может быть есть решение поизящнее? И, самое главное -- почему футер так себя ведет? Почему он не растягивается на всю ширину при изменении масштаба?

Заранее спасибо!

[Z1gnet]

Футер так себя ведет потому что по умолчанию блочные элементы растягиваются на 100% своего родителя, в данном случае это body. А body равен ширине экрана (уж так он себя ведет). А на меин Вы задали ширину больше чем боди и он растянулся шире, а футеру не задана ширина и он равняется ширине боди.

Я решил проблему, создав обертку для всех блоков, включая футер. Но, может быть есть решение поизящнее?

это отличный способ и ничего не нужно выдумывать. Все правильно сделали!