Помогите с позиционированием картинки

Статус
Закрыто для дальнейших ответов.

nykin

Новичок
Регистрация
14.02.2017
Сообщения
3
Добрый день.
ребята, помогите кто чем может...))
Сделал шапку сайта в виде gif-анимации http://hhunting.ru
Необходимо было разместить летящую чайку, от дерева до леса за рыбаком.
Прописал картинке стиль
Код:
#chaika {
    position:absolute;
    width:460px;
    height:15px;
    top:26%;
left:33%;
}
И чтобы двигалась
Код:
<div id="chaika"><marquee behavior="scroll" scrollamount="5"  direction="right"><img src="jmg/5677.gif" width="15"></marquee></div>
Проблема в том, что она в разных браузерах летает по разному, то ниже, то левее, то правее, а тем более на разных экранах.
Что не так сделал?Как добиться позиционирования одинаковым в любых условиях просмотра?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Надо родителю задать position: relative, тогда позиционировать чайку можно будет относительно родителя, а не всего окна.
И указывать все значения надо не в процентах, а в пикселях.
 

nykin

Новичок
Регистрация
14.02.2017
Сообщения
3
BaNru сказал(а):
Надо родителю задать position: relative, тогда позиционировать чайку можно будет относительно родителя, а не всего окна.
И указывать все значения надо не в процентах, а в пикселях.
Ранее было в пикселях. Родителю...как его найти?Сss встроен в страницу, а div в конце перед закрытием body.Получается элемент ни к кому не привязан. Надо к чему либо привязать... Я правильно мыслю?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Родитель - тот который окружает данный элемент.
Вот ему надо присвоить класс. А потом по этому классу в стилях назначить позитион.
Ну либо через инлайновые стили сразу, без класса.
В твоем случае родитель TD, через инлайновые стили:
Код:
<td ... style="position: relative"><div>чайка</div>...</td>
 

nykin

Новичок
Регистрация
14.02.2017
Сообщения
3
BaNru сказал(а):
Родитель - тот который окружает данный элемент.
Вот ему надо присвоить класс. А потом по этому классу в стилях назначить позитион.
Ну либо через инлайновые стили сразу, без класса.
В твоем случае родитель TD, через инлайновые стили:

<td ... style="position: relative"><div>чайка</div>...</td>
Спасибо! все получилось
 
Статус
Закрыто для дальнейших ответов.
Верх Низ