Помогите обернуть баннер и контейнер Дивом.

[hurti]

Всем привет. Народ помогите пожалуйста, обернуть баннер и контейнер дивом.

Нужно чтобы фоновая картинка была под баннером.

Фоновую картинку я прописала в контейнер и что то не получается у меня обернуть баннер и контейнер дивом

%system getOuterContent('./tpls/content/header.inc.tpl')%
<div id="banner">
%content insert('23047')%
</div>
<div id="container" style="background: url(images/fon.gif) no-repeat;">
%content%
</div>
<div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;">
%news lastlist('/news/', 'home', 4)% 
</div>
%system getOuterContent('./tpls/content/footer.inc.tpl')%

[psywalker]

Не понял вопроса? В чём подвох? Почему нельзя сделать див-контейнер, а внутрь него засунуть див с баннером?

[hurti]

Не понял вопроса? В чём подвох? Почему нельзя сделать див-контейнер, а внутрь него засунуть див с баннером?

Подвоха нет. Попробовала сделать и чаво то не получилось. если не сложно подскажите как правильно написать этот код дивом-контейнер

[zSpx]

0_o ?

%system getOuterContent('./tpls/content/header.inc.tpl')%
<div class="wrap">
<div id="banner">
%content insert('23047')%
</div>
<div id="container" style="background: url(images/fon.gif) no-repeat;">
%content%
</div>
<div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;">
%news lastlist('/news/', 'home', 4)% 
</div>
</div>
%system getOuterContent('./tpls/content/footer.inc.tpl')%

[hurti]

спасибо за помощь zSpx, с div class я пробовала делать, но фон всё равно под баннер ни в какую не хочет вставать. Поэтому сюда и обратилась.

[sigma77]

hurti,

А можешь дать ссылку на пример и показать картинкой, что должно получиться. Какой фон и куда должен заступать?

.wrap {
  position: relative;
}

#banner {
  position: relative;
  z-index: 10;
}

#container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

Не?

или

%system getOuterContent('./tpls/content/header.inc.tpl')%
<div id="container" style="background: url(images/fon.gif) no-repeat;">
  <div id="banner">
   %content insert('23047')%
  </div>
%content%
</div>
<div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;">
%news lastlist('/news/', 'home', 4)% 
</div>
%system getOuterContent('./tpls/content/footer.inc.tpl')%

[hurti]

вот как должно быть

А вот как сейчас на сайте http://www.tscomplekt.ru

[sigma77]

hurti,

<div id="content">
  <div class="content_inner" style="background: url("images/fon.gif") 227px 0 no-repeat"> <!-- добавляем блок и назначаем ему фон -->
    <div id="banner">...</div>
    <div id="container">...</div <!-- убираем у этого блока фон -->
    <div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;">...</div>
    <br style="clear:both">
  </div>
</div>

Фон дальше, думаю, сами спозиционируете как нужно. И стили, конечно, лучше выносить в отдельный файл.