Размер background-image и CSS

Тема в разделе "Веб-дизайн", создана пользователем b2farm, 16 ноя 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. b2farm

    b2farm

    Регистр.:
    17 фев 2008
    Сообщения:
    498
    Симпатии:
    197
    Давно не верстал, и наткнулся на такую ерунду:

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

    можно ли принудительно заставить не менять размер. Т.е. картинка спозиционированна по центру, пусть так и остается, а "лишнее" по краям просто оказывается в области вне обзора?
     
  2. Deflate

    Deflate Писатель

    Регистр.:
    6 ноя 2008
    Сообщения:
    9
    Симпатии:
    0
    div {background-position:center 0;}
    ??
     
  3. b2farm

    b2farm

    Регистр.:
    17 фев 2008
    Сообщения:
    498
    Симпатии:
    197
    0 это что? center top у меня стоит вообще
     
  4. funest

    funest Постоялец

    Регистр.:
    2 июл 2007
    Сообщения:
    145
    Симпатии:
    38
    Возможно имелось ввиду: 50% 0%
    но эт тоже самое что и center top.
    Вот с таким кодом все работает у меня
    Код:
    	
           background: url(/pic.jpg) no-repeat center;
    	width:100%;
    	height:50px;
     
  5. b2farm

    b2farm

    Регистр.:
    17 фев 2008
    Сообщения:
    498
    Симпатии:
    197
    это если *** блока или таблицы. у меня так:

    Код:
    body {
    background-image: url(http://адрес); 
    background-attachment: fixed; 
    background-position: top center; 
    background-repeat:repeat-y; 
    background-color:e1e1e1;}
    по идее бекграунд не может менять размер - факт.
    не знаю, может Firefox (или Myspace - это на нем эксперимент) плевал на факт?

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

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

    а вот если на меньшем разрешении, то фон почему-то сжимается до размера экрана (или окна браузера хз:(
    Перейти по ссылке
     
  6. funest

    funest Постоялец

    Регистр.:
    2 июл 2007
    Сообщения:
    145
    Симпатии:
    38
    Тело страницы не может быть больше чем сам экран, это логично. Слой может вылазить за края...
    По моему нет особых причин возиться в данном случае и применить этот код к слою, а не телу.
     
  7. kotarosan

    kotarosan

    Регистр.:
    29 дек 2007
    Сообщения:
    169
    Симпатии:
    60
    Может, в IE может. При указании ширины и высоты в диве бекграунд растягивается.
     
  8. m6kin

    m6kin Постоялец

    Регистр.:
    20 окт 2008
    Сообщения:
    51
    Симпатии:
    22
    А если беграунд в body, как в приведенном коде?
    По идее все должно быть в порядке.
    Скриншоты недоступны, перезалейте, интересно глянуть на проблему.
     
  9. kotarosan

    kotarosan

    Регистр.:
    29 дек 2007
    Сообщения:
    169
    Симпатии:
    60
    Ответить сложно, не зная размера картинки бэкграунда.
    Код вроде нормальный. И кстати ТС не отписал в каком браузере проблема возникла.

    У меня косяк обнаружился в IE6, IE7, когда пытался увеличить див, чтобы под картинку вставить текст.
    При увеличении дива с указанием ширины и высоты желаемого блока, бэкграунд растянулся. Пришлось создать доп. див для текста.
     
  10. Andchir

    Andchir Создатель

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