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

Свойство background-attachment. Нужна помощь.

J
На сайте с 07.10.2010
Offline
163
Jaroslav
634

Добрый день. У меня возникла следующая проблема с CSS-стилем сайта. Вот кусок кода:


body
{
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
background-image: url('images/bg2.png');
background-position:center top;
background-repeat: no-repeat;
background-attachment: scroll;
}

Firefox располагает фон ниже, чем другие браузеры. Порыл в интернете, нашел следующий совет:

"Для корректной работы этого свойства в Firefox и Opera, свойство background-attachment должно иметь значение "fixed"."

И в правду, когда ставишь значение "fixed", firefox тоже начинает нормально позиционировать фон, но мне не подходит данное свойство, так как фон становится неподвижным. Мне нужно именно значение "scroll", чтобы фон перемещался вместе с содержимым. Как быть? Заранее благодарю за помощь.

J
На сайте с 07.10.2010
Offline
163
Jaroslav
#1

неужели никто с таким не сталкивался? Просто это сайт заказчика. Очень нужна помощь.

S
На сайте с 28.10.2005
Offline
319
semenov
#2

А если так: 




html, body {

margin: 0;

padding: 0

}





body {

background: #fff url('images/bg2.png') center top no-repeat

}
gribbo
На сайте с 01.03.2012
Offline
66
gribbo
#3

покажите сайт, не из-за этого ниже отображает

Мой выбор хостинга (https://beget.com/p461662) \ Создаю сайты (/ru/forum/1009089)
K2
На сайте с 27.01.2011
Offline
27
kolias23
#4

background-attachment:fixed - это фиксация изображения, то что у Вас в разных браузерах отображается по-разному, скорее всего где-то поля не обнулены.

background-attachment: scroll - по умолчанию задается браузерами, можно не прописывать.

Вот мой код для обнуления полей:

html, body, div, span, h1, h2, h3, h4, p, em, img, strong, ul, li, form, label, legend, table, tr, th, td, dl{margin:0;padding:0;border:0;background:transparent;}

В таком случае всю верстку нужно будет подгонять под дизайн, но "кроссбраузерность" будет соблюдена(все относительно).

Бесплатная раскрутка сайтов (http://4px.ru/seo/).
Яндекс вводит поддержку HTML5-баннеров В Рекламной сети Яндекса Опция «Общий счет» в
J
На сайте с 07.10.2010
Offline
163
Jaroslav
#5

semenov, нет..не помогло :(

kolias23, у меня при значении "scroll" отображается по-разному, а при значении "fixed" одинаково.

---------- Post added 07-03-2012 at 19:17 ----------

kolias23, обнуление полей не помогло

---------- Post added 07-03-2012 at 19:50 ----------

проблема решена.

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