Фоновое изображение, padding и масштабирование.

[velther]

Господа, пока никак не удается найти решение моей проблемы в интернете, посему обращусь к вам.
Есть приблизительно такой код:

<div class="block">
  <div>
    <div>
    </div>
  </div>
</div>


.block
{
  background: url(image.png) 0 0 no-repeat;
  padding: 0 0 0 5px;
}
.block > div
{
  background: url(image2.png) 100% 0 no-repeat;
  padding: 0 5px 0 0;
}
.block > div > div
{
  background: url(bg.png) 100% 0 repeat-x;
}

При масштабировании страницы фоновое изображение и отсуп, по-видимому, масштабируются не совсем одинаково и возникают незаполненные фоновым рисунком места. Что посоветуете делать в такой ситуации? Может быть подобную задачу можно решить другими методами?

[ksa]

Как тут не вспомнить М.Задорнова...

В американской школе...
- Дети. Решите задачу. На завод пришло 30 больших колёс и 50 маленьких... Сколько 3-хколёсных велосипедов может выпустить завод?
(руку тянет русский мальчик)
- Да, Ваня...
- Одних колёс для изготовления велосипедов недостаточно...

[velther]

Вот уж никак не думал, регистрируясь, на javascript.ru, что окажусь в аншлаге.
Каких же подробностей не хватает Вам, любезнейший?

[ksa]

Каких же подробностей не хватает Вам, любезнейший?

Мне-то всего хватает. Проблема-то у тебя...

[Brahma]

no-repeat просит меня задать вопрос
а какой размер div-ов?
картинки так же в студию! )

поясню. no-repeat подставляет картинку без повторений, а у вас размер картинки может отличается от размера блока. в таком случае её надо «тянуть», но тут уже просто html+css не обойтись

[Seva1986]

ослы ниже 9 нужны?

[velther]

Повторюсь, что проблема возникает только при масштабировании.

Brahma,
подобных блоков на странице много, всем div.block присвоена различная ширина через инлайн стили, картинка справа и слева представляет собой "оборваный" край блока, она не должна повторяться

Seva1986,
Решение нужно в основном только для сафари под iOs на iPad.
Предлагаете использовать background-size: 100%?

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

[Seva1986]

Предлагаете использовать background-size: 100%?

ну да в общем хотел именно это предложить.....

[Seva1986]

Решение нужно в основном только для сафари под iOs на iPad.

Верстал я както под эту жопу этот сафари от виндового отличаеся, причём как мне показалось в худшую сторону....

[velther]

Да, очень многое из CSS3 не поддерживается, до 5 версии не поддерживался position: fixed.