Кто разбирается в css и html нужно помощь!

в файле стилей наверное стоит посмотреть абсолютное позиционирование дивов

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

Просьба вставлять код при помощи специальной функции редактора в форуме.

Во внешнем css файле ищем идентефикатор main скорее всего там и наxодятся глобальные настройки ширины данного сайта.

Это предположение, так как по куску данного кода только это приходит на ум.

Настройки фона, в большинстве случаев находятся в том же файле, в идентефикаторе body.

Это если простой сайт, если это Джумла, то настройки ищем в папке css, файл templates.css. В любом случае надо видеть код, так как в некоторых шаблонах значение в css файл передаются переменными.

Вы не забывайте, что, возможно, поплывут все остальные элементы шаблона.

Да, и CSS код хотелось бы увидеть.

.main {width:911px;}

#tail {background:url(../images/tail.jpg) repeat-x 0 0 #e5e5e9; padding:24px 0px 0px 0px;}

#header {background:url(../images/header-bg.jpg) repeat-x 0 0}

#header .left-bg {background:url(../images/header-left.gif) no-repeat 0 0}

#header .right-bg {background:url(../images/header.jpg) no-repeat right 0; height:278px}

#header .slogan {margin:86px 0px 0px 43px;}

#top {background:url(../images/top-bg.jpg) repeat-x 0 0}

#top .left-bg {background:url(../images/top-left.jpg) no-repeat 0 0}

#top .right-bg {background:url(../images/top-right.jpg) no-repeat right 0; height:123px; overflow:hidden}

#top-funk {margin:0px 0px 0px 312px;}

#logo {float:left; width:310px}

#logo img {margin:34px 0px 0px 31px;}

#whos {width:260px; float:right}

#topmenu {margin:0px 0px 0px 0px;}

#search {height:86px; padding:0px 0px 0px 287px;}

#wrapper {overflow:hidden; width:100%}

#left {width:198px; float:left;}

#right {width:198px; float:right;}

#content {background:#fff url(../images/cont-bg.gif) repeat-x 0 0; }

#content .shadow-tl {background:url(../images/shadow-left-top.gif) no-repeat 0 0}

#content .shadow-tr {background:url(../images/shadow-right-top.gif) no-repeat right 0; width:100%; overflow:hidden}

#content .shadow-r {background:url(../images/shadow-right.gif) repeat-y right 0}

#content .shadow-l {background:url(../images/shadow-left.gif) repeat-y 0 0}

#content .space {padding:34px 25px 20px 32px;}

#container {margin:0px 230px 0px 233px;}

#container2 {margin:0px 0px 0px 223px;}

* html #container {margin:0px 227px 0px 230px; width:100%}

* html #container2 {margin:0px 0px 0px 230px; width:100%}

.article_t {background:url(../images/cont-top.gif) repeat-x 0 0}

.article_tl {background:url(../images/cont-tl.gif) no-repeat 0 0; width:100%; }

.article_tr {background:url(../images/cont-tr.gif) no-repeat right 0; }

.article_br {background:url(../images/cont-br.gif) no-repeat right bottom; padding:27px 35px 20px 35px;}

.article_bl {background:url(../images/cont-bl.gif) no-repeat 0 bottom}

#footer {

background:url(../images/footer-bg.gif) repeat-x 0 0

}

#footer .bg-bot {

background:url(../images/footer-bot-bg.gif) repeat-x 0 0

}

#footer .bg-left {

background:url(../images/footer-left-bg.gif) no-repeat 0 0;

}

#footer .bg-right {

height:124px;

background:url(../images/footer-right-bg.gif) no-repeat right 0;

}

#footer .space {color:#fff; padding:80px 0px 12px 0px; text-align:center; font-weight:bold }

#footer a {color:#fff; font-size:12px; font-weight:bold; text-decoration:underline;}

#footer a:hover {text-decoration:none}

#footer em {font-style:normal}

.un li {

background:url(../images/bullet-un.gif) no-repeat 0 0 !important;

padding:2px 0px 0px 27px !important;

display:block !important

}

.un li a {

color:#1572af !important;

font-size:11px;

}

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

100% - контейнер будет максимально растянут в ширину.

Ок помогло! Спасибо!

victor222, не поехал шаблон? :)

Нет , все ок!🍾