Joomla 1.5 Растянуть блок

Добрый день! Помогите, пожалуйста, растянуть блок и сделать его по центру. Блок в виде картинки.
http://www.spektrat.tmweb.ru
Привожу сразу код

.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:35px;
min-height:35px;
}
.art-Post-body
{
position: relative;
z-index:1;
padding: 16px;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:1;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 46px;
height: 46px;
background-image: url('../images/Post-s.png');
background-position: center;
}
.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 23px, 23px, auto);
}
.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 23px, 23px);
}
.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(23px, 23px, auto, auto);
}
.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(23px, auto, auto, 23px);
}
.art-Post-tc, .art-Post-bc
{
left: 23px;
right: 23px;
height: 46px;
background-image: url('../images/Post-h.png');
}
.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 23px, auto);
}
.art-Post-bc
{
bottom: 0;
clip: rect(23px, auto, auto, auto);
}
.art-Post-cr, .art-Post-cl
{
top: 23px;
bottom: 23px;
width: 46px;
background-image: url('../images/Post-v.png');
}
.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 23px);
}
.art-Post-cl
{
left:0;
clip: rect(auto, 23px, auto, auto);
}
.art-Post-cc
{
position:absolute;
z-index:1;
top: 23px;
left: 23px;
right: 23px;
bottom: 23px;
background-color: #D7EAEF;
}
.art-Post
{
margin: 7px;
}

Заранее спасибо за помощь!

 

template.css строка 1576

.art-contentLayout .art-content-sidebar2 {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: -moz-use-text-color;
border-bottom-style: none;
border-bottom-width: 0;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: -moz-use-text-color;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: none;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 0;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: -moz-use-text-color;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: none;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 0;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: 0;
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
position: relative;
width: 667px;

 

Блин, ну ни фига не выходит.. уже голову сломала.. увеличаю размер в пикселях, обрезается картинка.. Что не так - не могу понять

 

Странно. Я в последней строчке меняю ширину и все нормально

width: 667px;

 

Странно. Я в последней строчке меняю ширину и все нормально

width: 667px;

 

У меня вот такой код, оригинальный

.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 667px;
}

 

Мне надо растянуть блок, который в центре находится, с основным текстом..

 

А если в процентах сделать? Например width: 100%;

 

Не выходит.. а зачем вообще 2 сайдбара?

.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 100%;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 667px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 889px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 222px;

 

Измениет ширину у sidebar2 а sidebar1 оставьте как было.

 

Плюсик от меня спасибо.. а еще один вопросик.. как этот блок переместить в центр?

 

Не понял. Он у вас справа а слева меню. Как вы хотите сделать ?

 

Чтобы этот блок был в центре страницы.. т.е. при добавлении меню справа, он автоматически все равно становился в центр.. сейчас он немного смещен влево, ближе к меню

 

Ну это надо код смотреть. Наверно отступы где-то есть.
Лучше если сделаете как хотите и дадите ссылку посмотреть.

 

Эти отступы где искать-то?

 

Может эти

.art-Post {
margin-bottom: 7px;
margin-left: 7px;
margin-right: 7px;
margin-top: 7px;
}
А может влияет float: left; у sidebar2

 

Это не влияет.. пробовала.. причина в чем-то другом

 

Надо на готовом пример смотреть.
Так сложно сказать.

 

http://prikolisti.com/
Здесь посмотрите