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

.layer position в разных браузерах

T
На сайте с 28.06.2011
Offline
101
tarazik
755

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

вот как на этой странице

http://sruby-perm.ru/sruby-domov-ceny-perm.html

сделал привязку от правого края и от низа

в гугл хроме все идеальноп опказывается. так как я хочу.

но получается так, что в разных браузерах она либо не показывается вообще либо показывается в середине текста

вопрос: можно ли как то сделать чтобы во всех браузерах эта кнопка-картинка была слева от текста на свободном месте?

и можно ли сделать так чтобы она была всегда на одном месте не зависимо от того в каком месте я читаю статью!

Спасибо!!

Пермский Завод Винтовых Свай (http://vintovye-svai-perm.ru)
C
На сайте с 04.02.2005
Offline
277
Chukcha
#1

вы разберитесь к какому родительскому слою у вас применено

position:absolute;

или же используйте, например.

position: fixed

left:0

top:200px

И не забывайте про родительские слои.

T
На сайте с 28.06.2011
Offline
101
tarazik
#2

то есть если разобраться с родительскими слоями то во всех слоях картинка будет отражаться одинаково?

[Удален]
#3

tarazik Поместите картинку сразу после тега body и пропишите для неё вот такой стиль:


.image {
position:absolute;
bottom:40px;
right:40px}

И она будет висеть в нижнем правом углу.

T
На сайте с 28.06.2011
Offline
101
tarazik
#4
Chukcha:
вы разберитесь к какому родительскому слою у вас применено
position:absolute;
или же используйте, например.
position: fixed
left:0
top:200px
И не забывайте про родительские слои.

а как определить к какому слою применено позиционирование?

это в стилях надо посмотреть? или прописать в стилях?

C
На сайте с 04.02.2005
Offline
277
Chukcha
#5

конечно, лучше всего вам ознакомиться с

http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#positioning-scheme

В первую очередь разобраться с

relative и аbsolute

от каких базовых точек вычисляется положение элемента

Ответьте себе, что такое абсолютное позиционирование, и относительное?

Я специально не затрагиваю вопрос про fixed

>а как определить к какому слою применено позиционирование?

позиционирование применяется к родительскому слою

Только! Кто является родителем? - читайте документацию

body

div fixed

div absolute

div

div absolute

div relative

div absolute

Вот я привел простейшую схему - кто здесь родители и кто потомки? И каково будет поведение элементов. Прежде чем ответить, сделайте тестовые проверки.

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