0 Пользователей и 1 Гость просматривают эту тему.
  • 14 Ответов
  • 15558 Просмотров
*

kekerka

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Люди, подскажите, уже неделю бьюсь, никак не могу разобраться, как же всё таки растянуть background на всю страницу, и что бы подходило под разное разрешение экрана.
Помогите новичку пжл.
« Последнее редактирование: 25.03.2013, 13:03:04 от kekerka »
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Re: Растянуть фон на на всю страницу?
« Ответ #1 : 23.04.2012, 14:10:55 »
откуда тока вы беретесь)))
Код
body {
    background-attachment: fixed;
    background-color: transparent;
    background-image: url("/templates/jp_furniture/images/index.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}
а
<div id="background">
<img width="100%" height="100%" alt="background" src="/templates/jp_furniture/images/index.jpg">
</div>
удали нафиг. не позорься
« Последнее редактирование: 23.04.2012, 14:19:35 от Equilibrium07 »
*

kekerka

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Растянуть фон на на всю страницу?
« Ответ #2 : 25.04.2012, 09:00:40 »
ну если уж тупить, до доконца, всё равно уж опозорился)
я правильно понял, div background я удаляю из index.php и туда же вставляю код, который вы предоставили?
Сильно не ругайтесь))
*

kekerka

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Растянуть фон на на всю страницу?
« Ответ #3 : 26.04.2012, 12:35:15 »
Ребят, направьте на путь истинный
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Растянуть фон на на всю страницу?
« Ответ #4 : 26.04.2012, 13:07:27 »
ну если уж тупить, до доконца, всё равно уж опозорился)
я правильно понял, div background я удаляю из index.php и туда же вставляю код, который вы предоставили?
Сильно не ругайтесь))
Зачем туда же? Разве приведенный выше код хоть чучуть похож HTML ?
Приведенный код надо совать в style.css шаблона. Файл может называться иначе ,например template.css, general.css и тд..
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

kekerka

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Растянуть фон на на всю страницу?
« Ответ #5 : 26.04.2012, 15:29:22 »
Получилось! Огромное спасибо!!
Но почему то полоса прокрутки появилась, из-за самого изображения?
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Растянуть фон на на всю страницу?
« Ответ #6 : 26.04.2012, 15:34:35 »
Из приведенного кода тебе нужно только:

Код: css
    background-attachment: fixed;
    background-color: transparent;
    background-image: url("/templates/jp_furniture/images/index.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
Эти свойства на размеры элемента ну никак не влияют, они только задают фон.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

kekerka

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Растянуть фон на на всю страницу?
« Ответ #7 : 26.04.2012, 16:01:08 »
Разобрался, спасибо.
Логотип переношу по центру из-за этого происходит смещение, буду копать дальше.
Огромное всем спасибо!
*

CyDb6a

  • Захожу иногда
  • 124
  • 0 / 0
  • От меня не уйдешь =)
Re: Растянуть фон на на всю страницу?
« Ответ #8 : 19.05.2013, 20:45:40 »
Подскажите, пожалуйста, как можно растянуть бекграунд на ширину 1200. Модули растягиваются, а фон остается 900. Не могу найти, где собака зарыта.
« Последнее редактирование: 05.01.2015, 23:01:06 от CyDb6a »
*

kik84

  • Завсегдатай
  • 1339
  • 64 / 4
Re: Растянуть фон на на всю страницу?
« Ответ #9 : 19.05.2013, 21:15:17 »
body .rt-container .rt-grid-6
*

CyDb6a

  • Захожу иногда
  • 124
  • 0 / 0
  • От меня не уйдешь =)
Re: Растянуть фон на на всю страницу?
« Ответ #10 : 19.05.2013, 21:23:21 »
Нужно прямо этот код вбить? Извините, я нуб  ^-^
*

kik84

  • Завсегдатай
  • 1339
  • 64 / 4
Re: Растянуть фон на на всю страницу?
« Ответ #11 : 20.05.2013, 00:15:34 »
это строка, отвечающая за ширину
добавить в нее
width:800px;
*

CyDb6a

  • Захожу иногда
  • 124
  • 0 / 0
  • От меня не уйдешь =)
Re: Растянуть фон на на всю страницу?
« Ответ #12 : 20.05.2013, 10:30:12 »
Этот код растягивает контент, а фон все равно остается не на весь экран.
*

CyDb6a

  • Захожу иногда
  • 124
  • 0 / 0
  • От меня не уйдешь =)
Re: Растянуть фон на на всю страницу?
« Ответ #13 : 20.05.2013, 12:05:55 »
В каждом блоке поставила {width: 1400px}
« Последнее редактирование: 20.05.2013, 14:30:49 от CyDb6a »
*

sega_mega

  • Новичок
  • 5
  • 0 / 0
Re: Растянуть фон на на всю страницу?
« Ответ #14 : 23.05.2013, 07:30:07 »
« Последнее редактирование: 23.05.2013, 07:33:19 от sega_mega »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выделить ссылку, которая ссылаеться на текущую страницу

Автор web1

Ответов: 4
Просмотров: 147
Последний ответ 15.02.2021, 13:24:50
от beliyadm
Как вставить в <hr id="system-readmore" /> ссылку на другую страницу?

Автор Louck

Ответов: 1
Просмотров: 410
Последний ответ 07.08.2019, 14:07:24
от draff
Как растянуть блок на всю высоту страницы, а не экрана?

Автор ВладимирГребень

Ответов: 3
Просмотров: 1861
Последний ответ 12.06.2016, 18:44:09
от AlekVolsk
cкрипт срабатывает только при возвращении на страницу

Автор RUslankaRU

Ответов: 5
Просмотров: 675
Последний ответ 19.10.2015, 15:51:04
от RUslankaRU
Растянуть фон меню по ширине экрана

Автор blmon

Ответов: 6
Просмотров: 4173
Последний ответ 15.02.2015, 12:47:22
от v-idea