Подложка под контент!!!

Подскажите как с помощью кода реализовать подложку для текста чтобы она тянулась вмеесте с текстом или другим контентом! На рисунке пример:


Код из Css:

Код (CODE):

1. .main_contents {
2. float: left;
3. width: 461px;
4. background-image: url(../images/osn_content.png);
5. font-family: "Century Gothic";
6. font-size: 14px;
7. color: #000;
8. padding: 35px;
9. font-weight: lighter;
10. font-style: italic;

 

Добавьте background-repeat: repeat;

 

Попробовал... Картинка повторяться перестала при росте контента, но растягиваться не началась(((

 

А, я не посмотрел внимательно - у вас там она с тенюшками и бордюром. Тогда надо ее делать из нескольких частей - верх, низ и растягивающаяся срединка, в которой и будет прописан repeat

 

Спасибо большое, Я так и думал в принципе... Сейчас реализовал и картинка потянулась =))) +1 вам =)

 

Но что заметил, что текс распологается только в той части которая тянется (т.е середина).. Реализовал так, может и ошибся в чем то, посмотрите!!!
Код из CSS

Код (CODE):

1. .main_contents {
2.     float: left;
3.     width: 531px;
4.     font-family: "Century Gothic";
5.     font-size: 14px;
6. }
7. .main_contents_verh {
8.     float: left;
9.     height: 128px;
10.     width: 531px;
11.     background-image: url(../images/osn_content_verh.png);
12. }
13. .main_content_seredina {
14.     background-image: url(../images/osn_content_seredina.png);
15.     float: left;
16.     width: 531px;
17.     background-repeat: repeat;
18. }
19. .main_content_niz {
20.     background-image: url(../images/osn_content_niz.png);
21.     float: left;
22.     height: 181px;
23.     width: 531px;
24. }

Код из index.php

Код (CODE):

1. <div class="main_contents">
2.     <div class="main_contents_verh"></div>
3.        <div class="main_content_seredina">
4.            <jdoc:include type="component" />
5.        <jdoc:include type="modules" name="user1" style="xhtml" />
6.        </div>
7.      <div class="main_content_niz"></div>
8. </div>

А нужно чтобы текст начинался не с середины картинки!!

 

Так сделайте верх и низ совсем небольшими по высоте: сама горизонтальная линия и закругления вниз и вверх. А все остальное -центральная часть.

 

То что было вверху, это был просто пример для наглядности!!! а картинку я использую - эту

 

И вот еще проблема в чем, текст уехал влево.... Пробовал в стилях ставить отступы, но не помогает, картинка "едет" вместе с текстом!!

 

так стили-то надо к тексту применять, а не ко всему блоку

 

Все... Разобрался =))) Спасибо за помощь =)