Не растягивается фон [CSS]

Nick_NY
На сайте с 11.03.2010
Offline
43
1811

Здравствуйте!

Есть шаблон: http://www.templateaccess.com/demos/unicall-cuber/

Хочу на основе его замутить сайтик, но есть проблема: при увеличении масштаба появляется зазор между некоторыми блоками и правым краем окна браузера:

http://img69.imageshack.us/img69/6605/screenshot20101127at194.png

(Такое же отображение и на мобильном устройстве)

Промучался несколько дней с css, никак не могу решить вопрос.

Помогите плиз :) Спасибо!

flenj
На сайте с 21.07.2010
Offline
59
#1

Скорее всего потому что там width: 960px

попробуйте изменить на width: 100%

хотя сомневаюсь..

Порфолиё /ru/forum/526650 (/ru/forum/526650)
Nick_NY
На сайте с 11.03.2010
Offline
43
#2
flenj:
Скорее всего потому что там width: 960px
попробуйте изменить на width: 100%
хотя сомневаюсь..

Угу, пытался, не помогает :(

flenj
На сайте с 21.07.2010
Offline
59
#3

Nick_NY, как вариант, можно попробовать отрезать кусочек фона, сделать div 100% картинке pflfnm repeat-x

Nick_NY
На сайте с 11.03.2010
Offline
43
#4
flenj:
Nick_NY, как вариант, можно попробовать отрезать кусочек фона, сделать div 100% картинке pflfnm repeat-x

Ну так там же так и есть...

V
На сайте с 27.09.2010
Offline
86
#5

Во первых .css в студию,во вторых для мобильных устройств .css отдельный, в трейтих

min-width:столькото px;

Metal Messiah
На сайте с 01.08.2010
Offline
163
#6

фоновая картинка не растянется. забей.

(если и растянется то в каком-то браузере криво будет отображаться, уже нарывался)

сделай как-то иначе, например <img width=100% height=100%> а поверх него <div position:absolute;top:0px> c контентом.

anonymous, думай что говоришь и не забывай подписать отзыв :)
Nick_NY
На сайте с 11.03.2010
Offline
43
#7
vryb:
Во первых .css в студию,во вторых для мобильных устройств .css отдельный, в трейтих
min-width:столькото px;

.css по-моему не проблема посмотреть на сайте. Для мобильных устройств не обязательно отдельный (вообще если файл один)..

Ragnarok
На сайте с 25.06.2010
Offline
239
#8

в примере, на сколько я понял, исходник в JS зашифрован.

попробуй так: сделай верхний фон (черно-серый, который пропадает) элементу body, а не div'у

//TODO: перестать откладывать на потом
Nick_NY
На сайте с 11.03.2010
Offline
43
#9
Ragnarok:
в примере, на сколько я понял, исходник в JS зашифрован.
попробуй так: сделай верхний фон (черно-серый, который пропадает) элементу body, а не div'у

Да, можно сделать и так, но дело в том, что есть еще 2 таких блока (серый по центру, и футер) которые тоже не растягиваются. Исходники легко можно посмотреть через firebug или любой другой инспектор

Nick_NY
На сайте с 11.03.2010
Offline
43
#10
vryb:
Во первых .css в студию,во вторых для мобильных устройств .css отдельный, в трейтих
min-width:столькото px;

Спасибо. Помог min-width ☝

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