Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.02.2011, 22:06   #1
Next
Пользователь
 
Аватар для Next
 
Регистрация: 17.05.2009
Сообщений: 61
Вопрос Резиновый фон[проблема]

Имеется картинка 1200х1600, так как у людей разные размеры монитора, как сделать так что бы картинка растигивалась до нужных размеров в высоту и ширину на мониторе.
что в css надо прописать.
вроде бы стоит
Код:
background: url(../img/bg.jpg) no-repeat center #ffffff ;
    width:100%;
    height:100%;
в том то и дело что картинка становится на всю ширину и высоту, что часть картинки отсутствует(
Нужен дизайн? Тебе ко мне ICQ: 456-238-503
Next вне форума Ответить с цитированием
Старый 17.02.2011, 22:20   #2
Next
Пользователь
 
Аватар для Next
 
Регистрация: 17.05.2009
Сообщений: 61
По умолчанию

или можно достич этого с помочь тега дива как основной блок и в него все пихать?
Нужен дизайн? Тебе ко мне ICQ: 456-238-503
Next вне форума Ответить с цитированием
Старый 18.02.2011, 15:52   #3
13th
Форумчанин
 
Аватар для 13th
 
Регистрация: 31.12.2008
Сообщений: 634
По умолчанию

тема лебедев как то делал страницы с изменяемым масштабом подкладки. совет таков
делаешь основной блок , пускай с классом "content" и position:relative, z-index:2
и блок бека , с классом "main-bg" у которого следующие параметры
min-height:100%;
max-width:1800px;
min-width:800px;
position:absolute;
z-index:1;
top:0px;left:0px;

В этот блок помещаешь изображение со стилем
width:100%;

ну это только концепт , так сказать, в ие будет полный крах))) а вообще такие вещи адекватно решаются джаваскриптом, но помни про пропорции)) а то не растянешь , а натянешь картинку)
Возможно всё
Пишу обо всем
13th вне форума Ответить с цитированием
Старый 19.02.2011, 15:02   #4
Next
Пользователь
 
Аватар для Next
 
Регистрация: 17.05.2009
Сообщений: 61
По умолчанию

Цитата:
Сообщение от 13th Посмотреть сообщение
тема лебедев как то делал страницы с изменяемым масштабом подкладки. совет таков
делаешь основной блок , пускай с классом "content" и position:relative, z-index:2
и блок бека , с классом "main-bg" у которого следующие параметры
min-height:100%;
max-width:1800px;
min-width:800px;
position:absolute;
z-index:1;
top:0px;left:0px;

В этот блок помещаешь изображение со стилем
width:100%;

ну это только концепт , так сказать, в ие будет полный крах))) а вообще такие вещи адекватно решаются джаваскриптом, но помни про пропорции)) а то не растянешь , а натянешь картинку)
напиши, пожалуйста как ето булет выглядить. и как примерно выглядит ето с Js?
Нужен дизайн? Тебе ко мне ICQ: 456-238-503
Next вне форума Ответить с цитированием
Старый 19.02.2011, 18:34   #5
Артрадикс
Новичок
Джуниор
 
Регистрация: 19.02.2011
Сообщений: 1
По умолчанию

Постарайся заменить задний фон на фон попроще
Во-первых будет легче с ним работать.
Во-вторых не будет сильно грузить сайт, для тех у кого инет помедленней или вообще с смартфона заходят.
SEO оптимизация http://artradix.com веб-студия Артрадикс
Артрадикс вне форума Ответить с цитированием
Старый 20.02.2011, 15:50   #6
13th
Форумчанин
 
Аватар для 13th
 
Регистрация: 31.12.2008
Сообщений: 634
По умолчанию

http://www.liga13.net/zoom-bg.html

наслаждайся = )
Возможно всё
Пишу обо всем
13th вне форума Ответить с цитированием
Старый 20.02.2011, 16:26   #7
Next
Пользователь
 
Аватар для Next
 
Регистрация: 17.05.2009
Сообщений: 61
По умолчанию

отлично! спасибо. помогло)
Нужен дизайн? Тебе ко мне ICQ: 456-238-503
Next вне форума Ответить с цитированием
Старый 20.02.2011, 18:40   #8
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Это решается при помощи css.

Извиняюсь, увидел Тему Лебедева выше.

Последний раз редактировалось Magneto; 20.02.2011 в 19:18.
Magneto вне форума Ответить с цитированием
Старый 20.02.2011, 19:15   #9
13th
Форумчанин
 
Аватар для 13th
 
Регистрация: 31.12.2008
Сообщений: 634
По умолчанию

ссылка на пример есть?
Возможно всё
Пишу обо всем
13th вне форума Ответить с цитированием
Старый 20.02.2011, 19:19   #10
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Нет, ссылки на пример нету.
Magneto вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Резиновый Header из 3-х изображений vladka HTML и CSS 0 07.12.2010 12:38
Резиновый фон Levsha100 HTML и CSS 2 11.09.2010 21:12
Резиновый сайт Syltan HTML и CSS 16 02.09.2010 18:39
Резиновый сайт Helen_Sof HTML и CSS 4 09.02.2009 19:08
Есть проблема с версткой на div. Накладывается фон поверх соседнего контейнера. Volfgang HTML и CSS 1 15.12.2008 09:43