"Резиновая" картинка во весь экран как фон и позиционирование элементов

[lolka84]

Всем привет!

Есть макет, на котором в виде фона - картинка во весь экран (т.е. она тянется во все стороны вместе с браузером).

Есть задача расположить относительно этой картинки элементы так, что б они все время были на одом месте.

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

Немного сумбурно объяснил, но надеюсь, что суть понятна

Как такое реализовать ? Фиксированные координаты исупользовать точно не получится, проценты тоже врятли спасут. Что делать ?

Очень нужны ваши советы!

[Great Rash]

Думаю, что это реализовать невозможно.

[lolka84]

Была такая мысль.

Тогда поставлю задачу по-другому: не позиционировать эти столбы как отдельные картинки, оставить их на фоне, как тогда "поймать" этот столб, что б при клике на нем опять же открывалось модальное окно ?

Чото имхуется, что такое тоже невыполнимо

Что б совсем понятно было, вот макет:

При клике на стенде хотят, что б открывалось окно с информацией, но при этом вся вот эта картинка,как уже говорил, должна "тянуться".

Вот честно - я в замешательстве

Тоже склоняюсь к тому, что это невозможно, но может кто подкинет всетаки идею

[Great Rash]

Нет ну можно попробовать придумать алгоритм. Объясню на словах:

1) мы знаем, что исходная ширина картинки, допустим 1000 пикселей

2) первый рекламный щит (столб) находится на расстоянии 100 пикселей от левого края

3) значит он находится на расстоянии 10% слева (100px / 1000px * 100% = 10%)

4) допустим картинка увеличилась до 1500 пикселей

5) высчитываем новое соотношение (10% / 100% * 1500px = 150px)

6) показываем блок в новых координатах

7) при ресайзе окна всё заново пересчитываем

[lolka84]

Т.е. придется позиционировать каждый стенд с помощью JS ?

[Great Rash]

Да.

[lolka84]

Уже пробую.

Чот такая порнография получается..