HTML+CSS+JavaScript

Сайт пока временно http://kushiy.myjino.ru/rnНикак не могу понять, как прикрепить фоновую картинку к самому низу footera. А то, если текст большой, то она располагается сверху, а мне надо снизу. В body использую сейчас 50% 0, пробовал разные варианты, но пока безуспешно. Помогите пожалуйста

А body то каким боком, если вы футеру указали фиксированный размер 50px?
Секция noscript разве строку должна содержать?
Хотите использовать HTML5 и CSS3, а фоном вставляете картинку размером 2200 × 1247, формата PNG, которая вести более 1 МБ!
В CSS3 можно на фоне разместить несколько изображений, то есть вашу картинку лучше разрезать на две (зачем нужна та часть что скрыта контентом?), и разместить их слева и справа.
И формат JPEG, уж красота фона от этого никак не пострадает.
К тому же, если фон не фиксированный, то то добавить плавную прозрачность к низу изображений, иначе при прокрутке выглядит ужасно.

Согласен, что большое изображение выставлять фоном это ужасно.
Тогда получается в моем случае есть основная секция #conteyner и к ней мне лучше прикрепить по бокам два изображения?
А как в css3 добавить прозрачность к низу изображений? Подскажите пожалуйста

http://htmlbook.ru/css/background
http://htmlbook.ru/css/background-image

И таким образом нужно добавить фон тегу body слева и справа, но не с размерами впритык от края страницы до блока контента, а несколько больше, то есть учитывать разные разрешения. Изображение фона можно сделать фиксированными, тогда они не будут смещаться при прокручивании контента. Но если фон должен прокручиваться, то вашем случае резкий переход от изображения до черного все портит. Прозрачность на участке изображения не в CSS нужно делать, а в графическом редакторе. Но плавную прозрачность может иметь формат PNG, а это большой размер. Поэтому лучше сделать прозрачность и поместить под низ черный слой, сохранив это все в формате JPEG. Можно не прозрачность, а плавную заливку черного, с максимумом к низу изображения.

Пока без прозрачности хотел для body выставить по бокам изображения но ничего не выходит.

background:url(../images/fon-left.png) no-repeat 0 100%,                #000 url(../images/fon-right.png) no-repeat 100% 100% ;

И здесь тоже читал http://htmlbook.ru/css/background-position
Вроде, когда уменьшить маштаб, то видно, что действительно изображения разбросаны по нижним углам. А как же зафиксировать их к дизайну?

background: url(../images/fon-left.png) left top fixed no-repeat, url(../images/fon-left.png) right top fixed no-repeat;

Разницу видите?

Почитайте все о селекторах background-ХХХХ
На этом сайте есть и раздел рецептов, почитайте его.

Понятно, значит не туда fixed вставлял. Теперь осталось разобраться с прозрачностью. Только начинаю приступать к html5 и css3 и тут же косяки вылезают. Спасибо

Не обязательно прозрачность, это большой размер изображений будет. Читайте выше.
Ну и размещение контента, его стили, все это надо править. Да и сам текст, вот как у вас выглядит заголовок:

Дрова Берёзовые, Ольховые, Дубовые,
Осиновые, Еловые, Сосновые. Уголь
каменный и берёзовый
Доставка г. Москва и М.О.

Так можно в книге в неком рассказе переносы сделать, но в тексте заголовка не пойдет.

Спасибо за всё. Ну на счет заголовка это с клиентом обсудим, мне он тоже не нравится, здесь не то что переносы идут, а вообще какой-то набор слов, типо для продвижения.