Форум русской поддержки Joomla!® CMS
06.12.2016, 00:45:39 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 309 раз)
0 Пользователей и 1 Гость смотрят эту тему.
bigbaaaan
Захожу иногда
**

Репутация: +1/-0
Offline Offline

Сообщений: 17


« : 17.04.2015, 23:30:28 »

Не могу сделать фон резиновым, сайт работает на 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;
 }
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #1 : 18.04.2015, 16:02:26 »

  body {
  background: url('../images/fon.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%; (или 100% cover)
  height: 100%;
  margin: 0;
  padding: 0
  }
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet