Проблема с позицией спрайта в CSS

Question

Я пытаюсь создать фиксированную границу сайта, которая динамически изменяет размер с помощью окна браузера из этого спрайта (это не идеально, я знаю.): http://fc07.deviantart.net/fs70/f/2011/269/7/0/bordersprite_by_nakos-d4ayzne.png

ДЕМО на jSFiddle

Моя проблема, как вы можете видеть, это вертикальная часть стены. Поскольку #falJ и #falB являются height:100%, они также включают конец нижней стенки с пространством между двумя спрайтами стены. Есть ли способ заставить backround-position использовать только вертикальную часть стены без конца нижней стенки?

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

Answer 1

Решение : http://jsfiddle.net/vonkly/Ld43B/

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

Я бы также предложил добавить некоторые отступы вокруг вашего контента (либо с тегом ap, span, другим div и т. Д.) - способ, которым он в настоящее время настроен, isnэто не то, что я бы порекомендовал для удобочитаемости.

РЕДАКТИРОВАТЬ

Единственный способ, которым я могу себе представить, - достижение поля ширины и высоты жидкости с границами,иметь способ, которым вы хотите, это использовать второе изображение для запада и востока, содержащее div.Это должно работать с вашим текущим методом.