значит, задача такая... я сделала дизайн и пытаюсь прилепить на него анимацию (где отмечено):
Чтобы у меня не превращать фон в огромную тяжелую гифку, я сделала отдельные картинки и вставляла их с помощью css-позиционарования.
слева все пошло как по маслу.
это я вставила вниз:
<div id="left-ani"><img src="http://uploads.ru/i/Q/3/Z/Q3ZIm.gif"></div>
это я вставила в стиль:
#left-ani {margin-left: -331px; margin-top: -47px; position: absolute;}
а вот справа возникает проблема:
<div id="right-ani"><img src="http://uploads.ru/i/S/4/H/S4HZE.gif"></div>
#right-ani {position: absolute; margin-left: 1037px; margin-top: -284px;}
при увеличении разрешения экрана права картинка "обрубает" верхний фон и появляется нижняя прокрутка:
эта проблема именно справа. с чем связана - не пойму, ибо (если убрать фонарь) слева при увеличении разрешения анимация нормально себя ведет, безропотно находится за пределами разрешения экрана.
попрбовала еще вот так поступить с фонарем:
<div style="position:relative; right: 500px"><div style="position: absolute; margin-top: -284px;" align="right"><img src="http://uploads.ru/i/S/4/H/S4HZE.gif"></div></div>
безрезультатно.
слева анимация на посохе ведет себя нормально при любом разрешении, а справа позарез вызывает прокрутку.
вопрос: как вставить правую анимацию, чтоб это не сказывалось на разрешении экрана?
тестовый форум: http://rustest.rusff.ru/
Теги: вопросы от новичков, анимация, дизайн