Форум Сайтостроение Веб-строительство

Фиксация картинки на резиновом фоне. Реально ли?

F
На сайте с 08.01.2012
Offline
6
failmail
453

Необходимо зафиксировать маленькую имагу на "резиновом" фоне (т.е. картинка должна находиться строго в одном месте на фоне автомастштабируемого во весь экран бэкграунда). Реально ли это сделать??? Интересуют любые способы (css, js, магия). Буду очень благодарен за совет!

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#1

Строго в одном месте = в пикселях? В процентах? Слева-сверху или справа и центр по вертикали... С учётом прокрутки (вертикальной, например..

А вообще - смотреть в сторону position:fixed или position:absolute

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
F
На сайте с 08.01.2012
Offline
6
failmail
#2
ivan-lev:
Строго в одном месте = в пикселях? В процентах? Слева-сверху или справа и центр по вертикали... С учётом прокрутки (вертикальной, например..
А вообще - смотреть в сторону position:fixed или position:absolute

Делаю через проценты с position:absolute - всё ок, но если сужаю окно где-то до 1040px, то опять начинает немного расползаться... в чем может быть загвоздка?

p.s. короче картинка немного смещается влево при 1024px ширину. А когда >1024, то всё отлично. Прокрутки нет.

Главная страница сайта - Вопрос по картинке и Адаптивная картинка background: как
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#3

Если я правильно понял, дело в том, что у картинки тоже имеется ширина.. Её следует тоже учитывать...

К примеру, для размещения картинки по центру делаю отрицательный отступ равный половине ширины картинки.. Т.е. для картинки с шириной 320px получается так так {left:50%; margin-left:-160px;}

Сделать в абзаце отступ Как разместить контент в Помогите по табличной верстке
F
На сайте с 08.01.2012
Offline
6
failmail
#4
ivan-lev:
Если я правильно понял, дело в том, что у картинки тоже имеется ширина.. Её следует тоже учитывать...

К примеру, для размещения картинки по центру делаю отрицательный отступ равный половине ширины картинки.. Т.е. для картинки с шириной 320px получается так так {left:50%; margin-left:-160px;}

Спасибо! Буду пробовать...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий