Верхний баннер на всю ширину

[metrika]

Подскажите пожалуйста, как сделать верхний баннер по ширине экрана, а не по ширине шаблона? Нужно создавать для него отдельный класс в css? Presta 1.6, тма стандартная
Заранее благодарю

[DarinSr]

В стандарной теме верний баннер по ширине макс. 1170px края заливаются цветом.
Если нужно использовать картинку без заливки, то нужно вынести баннер из контейнера header и разместить его сразу после header-container

Код: [Выделить]

<div class="header-container">
{capture name='displayBanner'}{hook h='displayBanner'}{/capture}
{if $smarty.capture.displayBanner}
<div class="banner">

[metrika]

Да, именно картинку хотела! Спасибо огромное!

[metrika]

Почему-то не помогло. Я же правильно поняла, правки только в файле header.tpl нужно сделать, или что-то еще?

[DarinSr]

Проверьте размер блока div.banner в стилях.

[metrika]

Все что нашла про него в стилях -

Код: [Выделить]

#header .banner a {
  display: block;
  max-width: 2000px;
  max-height: 65px; }

#header .banner a img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 65px;
  max-width: 2000px; }В global.css 

Код: [Выделить]

header .banner {
    background: black;
    max-height: 100%; }
    header .banner .row {
      margin: 0px; }
Стилей для блока div не вижу(
Простите, что достаю своей проблемой. Вроде ерунда, но что-то никак

[Миколас]

Везде должно быть

Код: [Выделить]

width: 100%;

[metrika]

Вы имеете ввиду, что ширину в пикселях задавать не нужно?

[DarinSr]

Если у вас резиновый шаблон, то в процентах, если ширина ограничена, то в пикселах. 

[metrika]

Шаблон у меня стандартный. Вы наверное подумали, что какой-то другой из-за ширины баннера, но это я сама меняла 1170 на 2000 - думала поможет.
Стандартный шаблон престы с ограниченной шириной, это меня вполне устраивает. Но баннер хотелось бы резиновый - лучше смотрится. По аналогии с футером на всю ширину страницы.
Но если это совсем нереально, то придумаю что-нибудь типа залить края цветом, подходящим под картинку, которую хочу поставить.
Поменяла на вот так:

Код: [Выделить]

#header .banner a {
  display: block;
  width: 100%;
  max-height: 65px; }

#header .banner a img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 65px;
  }
Но все равно картинка обрезается...

[DarinSr]

Как вы блок баннера в шаблоне /themes/default-bootstrap/header.tpl изменили?

[metrika]

Кстати да... Может быть тут косяк. Надо срочно вспоминать основы, когда-то давно учила, потом забросила надолго. Теперь вспоминаю смутно.
Вот этот кусок
 <header id="header">
         <div class="header-container">
         {capture name='displayBanner'}{hook h='displayBanner'}{/capture}
               {if $smarty.capture.displayBanner}
                  <div class="banner">                               
                     <div class="container">
                        <div class="row">
                           {$smarty.capture.displayBanner}
                        </div>
                     </div>

Может быть вы имели ввиду, что блок баннера нужно вообще перенести выше header?

[mAgency]

Удалите (и закрывающий /div)

Код: [Выделить]

<div class="container">у класса container стили с фикс. шириной.

[metrika]

Простите пожалуйста, не поняла, что нужно удалить? Закрывающий div?
А как поменять фиксированную ширину у класса "container"?
Вот кусок из global.css
  header .row {
    position: relative; }
    header .row > .container {
      position: relative; }
Здесь нужно поменять значение? И как лучше это сделать, чтобы все не съехало?
Куча вложенных div усложняют дело...
Спасибо большое за помощь. Этот баннер уже достал(

[Mr.Sen]

Удалите (и закрывающий /div)

Код: [Выделить]

<div class="container">у класса container стили с фикс. шириной.

удалите div как вам написали и менять стили не нужно.