Размер background-image и CSS

Статус
В этой теме нельзя размещать новые ответы.

b2farm

Мой дом здесь!
Регистрация
17 Фев 2008
Сообщения
544
Реакции
202
Давно не верстал, и наткнулся на такую ерунду:

бэк сделан картинкой, ширина которой 1245. На разрешении 1280 смотрится нормально, но на меньшем (1024) картинка сжимается до размера окна браузера и весь мой замысел проваливается.

можно ли принудительно заставить не менять размер. Т.е. картинка спозиционированна по центру, пусть так и остается, а "лишнее" по краям просто оказывается в области вне обзора?
 
div {background-position:center 0;}
??
 
0 это что? center top у меня стоит вообще
 
0 это что? center top у меня стоит вообще

Возможно имелось ввиду: 50% 0%
но эт тоже самое что и center top.
Вот с таким кодом все работает у меня
Код:
       background: url(/pic.jpg) no-repeat center;
	width:100%;
	height:50px;
 
это если *** блока или таблицы. у меня так:

Код:
body {
background-image: url(http://адрес); 
background-attachment: fixed; 
background-position: top center; 
background-repeat:repeat-y; 
background-color:e1e1e1;}

по идее бекграунд не может менять размер - факт.
не знаю, может Firefox (или Myspace - это на нем эксперимент) плевал на факт?

вот наглядно:

не могу показать сам сайт пока. но суть такова:
вот кусок фона на большом разрешении экрана, поверх дивом текст. все нормально (кликабле:(
Для просмотра ссылки Войди или Зарегистрируйся

а вот если на меньшем разрешении, то фон почему-то сжимается до размера экрана (или окна браузера хз:(
Для просмотра ссылки Войди или Зарегистрируйся
 
это если *** блока или таблицы. у меня так:

Код:
body {
background-image: url(http://адрес); 
background-attachment: fixed; 
background-position: top center; 
background-repeat:repeat-y; 
background-color:e1e1e1;}

по идее бекграунд не может менять размер - факт.
не знаю, может Firefox (или Myspace - это на нем эксперимент) плевал на факт?

вот наглядно:

не могу показать сам сайт пока. но суть такова:
вот кусок фона на большом разрешении экрана, поверх дивом текст. все нормально (кликабле:(
Для просмотра ссылки Войди или Зарегистрируйся

а вот если на меньшем разрешении, то фон почему-то сжимается до размера экрана (или окна браузера хз:(
Для просмотра ссылки Войди или Зарегистрируйся

Тело страницы не может быть больше чем сам экран, это логично. Слой может вылазить за края...
По моему нет особых причин возиться в данном случае и применить этот код к слою, а не телу.
 
Может, в IE может. При указании ширины и высоты в диве бекграунд растягивается.
А если беграунд в body, как в приведенном коде?
По идее все должно быть в порядке.
Скриншоты недоступны, перезалейте, интересно глянуть на проблему.
 
А если беграунд в body, как в приведенном коде?
По идее все должно быть в порядке.
Ответить сложно, не зная размера картинки бэкграунда.
Код вроде нормальный. И кстати ТС не отписал в каком браузере проблема возникла.

У меня косяк обнаружился в IE6, IE7, когда пытался увеличить див, чтобы под картинку вставить текст.
При увеличении дива с указанием ширины и высоты желаемого блока, бэкграунд растянулся. Пришлось создать доп. див для текста.
 
У вас случайно бакгроунд не png-шкой сделан? У меня никак и ни в каком браузере не получилось растягивать фоновую картинку. Нужен полный код чтобы разобраться. Если же фон сделан png и стоит скрипт который её обрабатывает для правельного отображения прозрачности в IE, то в этом скрипте (или если прописано в CSS) надо заменить sizingMethod='scale' на sizingMethod='crop'.
Скиньте плиз код для примера где можно наблюдать растягивающуюся фоновую картинку (желательно вместе с самой картинкой).
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху