На веб-сайте необходимо сделать узорчатые вертикальные поля из графического файла. Причем важно, чтобы при изменении разрешения экрана/масштаба в браузере, поля по ширине занимали строго определённый процент от ширины окна браузера.
Изображение должно заполнять поля по вертикали повторением.
Пробовал создать на основе DIV, но для него нельзя задать ширину в процентах
Для Img ширину можно задать в процентах, но нет возможности повторения изображения.

Как установить ширину DIV в процентах, или как задать повторение изображения в IMG как в <div style="background: url() repeat-y;"> ?

Antonariy,

Задать ширину для div в процентах и правда можно . Извиняюсь, не совсем правильно описал проблему. При изменении масштаба ширина Div'a будет составлять заданный процент от ширины бразуера. Но фоновое изображение свой размер менять не будет - оно будет обрезаться краями Div'a при уменьшении масштаба (У меня в качестве фонового рисунка - достаточно большое и сложное изображение). А такое обрезание картинки крайне нежелательно. Если использовать img - изображение будет масштабироваться (ужиматься или растягиваться), всё вроде бы как надо, делаем position: fixed и радуемся жизни. Но в случае, если окно браузера слишком длинное по вертикали (на планшете), поля обрываются внизу. А повторить их не выйдет (аналога background: repeat для IMG при задании файла через SRC не нашёл. А если задавать файл через CSS - всё происходит как с обычным Div).