Растянуть footer или выйти за рамки контейнера - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Растянуть footer или выйти за рамки контейнера

PapiDi
Новичок
Сообщений: 72
Регистрация: 25-05-2013

# 1

28-08-2013 02:26

Здравствуйте, подскажите пжл подробнее как растягивается footer до краев, точнее говоря мне надо сам контейнер с модулями оставить а фон растянуть, если я верно понимаю мне надо выйти за рамки контейнера самого футера, этого я как раз не понимаю как сделать.

я прописал,

Код:

#footer {
    background: url("../img/fon.png") repeat scroll left top transparent;
    height: 350px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 25px;
    overflow: hidden;
    width: 100%;
}

но это внутри контейнера, как мне выйти за его пределы?

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010

# 2

28-08-2013 04:35

Дайте ссылку на живой сайт и ответ будет тоже конкретным.

www.geart.ru

PapiDi
Новичок
Сообщений: 72
Регистрация: 25-05-2013

# 3

28-08-2013 04:43

papidi.nichost.ru

Сообщение отредактировано PapiDi 28-08-2013 05:49 ...

geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010

# 4

28-08-2013 05:51

Ширина Вашего сайта 980px. Как Вы представляйте расширить фон больше чем заданная ширина? footer это одно из составляющих page и ширина у него унаследовано от него.

www.geart.ru

PapiDi
Новичок
Сообщений: 72
Регистрация: 25-05-2013

# 5

28-08-2013 06:47

вот я и интересуюсь как сделать

YellowDuck

Профессионал
Сообщений: 1054
Откуда: Ярославль
Регистрация: 29-09-2009

# 6

28-08-2013 14:50

footer.tpl

Код:

{if !$content_only}
</div>

  <div id="right_column" class="column grid_2 omega">
    {$HOOK_RIGHT_COLUMN}
  </div>
</div>

</div>
<div id="footer" style="width:100%; clear:both; display:block; overflow:hidden;">
  <div style="width:980px; display:block; margin:auto; clear:both;">
    {$HOOK_FOOTER}
    {if $PS_ALLOW_MOBILE_DEVICE}
      <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
    {/if}
  </div>
</div>
{/if}
</body>
</html>

Интернет-магазин товаров для детей yellowduck.ru
Хороший хостинг для Prestashop и не только one-hosting.ru

PapiDi
Новичок
Сообщений: 72
Регистрация: 25-05-2013

# 7

29-08-2013 15:20

YellowDuck, премного благодарствую!