Перейти к содержимому



Не могу сделать фон резиновым, сайт работает на joomla 3

#1

Поделиться сообщением #1



bigbaaaan

bigbaaaan
  • Неактивные
  • 73 сообщений
  • Репутация: 1
0

Отправлено 17 Апрель 2015 - 22:25

Не могу сделать фон резиновым, сайт работает на joomla 3, текст и все колонки уменьшаются при уменьшении окна, а вот задний фон не хочет, убегает весь и корежится)) Подскажите как сделать его резиновым?

Вот код CSS который сейчас используется:

body{
background-image: url(../images/fon.jpg);
background-repeat:repeat-y;
color:#353333;
font-size:14px;
line-height:18px;
font-family:Trebuchet MS,
Helvetica CY,
Sans-serif;
}
body .inset-left{
margin:15px 15px 10px 0px;
float:left;
}
body .inset-right{
margin:15px 0px 10px 15px;
float:right;
}
.clr{
clear:both;
float:none;
margin:0;
padding:0;
}
.clr.bot{
clear:both;
float:none;
height:25px;
}
blockquote.quotation{
margin:10px 0px 10px 0px;
padding:10px 35px 10px 35px;
border:none;background:url(../images/typography/blockquote_start.png) 0 0 no-repeat;
text-align:justify;
}
blockquote.quotation p{
margin:0px -35px -10px 0px;
padding:0px 35px 10px 0px;
background:url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}
img{
max-width:100%;
width:auto;
height:auto;
vertical-align:middle;
border:0;-ms-interpolation-mode:bicubic;
}

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Переделанный шаблон Joomla
  2. Расширения для Joomla!
  3. Создание сайтов на joomla.
  4. Замена фона в шаблоне joomla
  5. Joomla - профессиональные сайты "под ключ", Визитки, магазины, блоги, порталы.

#2

Поделиться сообщением #2



ShniderHost

ShniderHost
  • Неактивные
  • 204 сообщений
  • Репутация: 13

Отправлено 19 Май 2015 - 13:58

-webkit-background-size: cover; /* Для хрома */
-moz-background-size: cover; /* Для лисы*/
-o-background-size: cover; /* Для оперы*/
-ms-background-size: cover; /* Для ИЭ*/
background-size: cover; /* Для закрипления*/

или

background-size: 100% 100%; /* Для всех браузеров сразу */


  • 0


Оформление форума – IPBSkins.ru