Дизайн сдвинут налево

Здравствуйте!

Мы создаем новый дизайн для форума, весь код CSS взяли с прежнего дизайна, вставили туда нужные картинки, но дизайн выглядит совсем не так, там всё сдвинуто влево.
Мой форум и предыдущий дизайн (он до сих пор стоит, я сначала тестирую новый дизайн на черновике): http://www.world-of-versailles.com/
А вот черновик и новый дизайн (пару кнопок в навигации вверху не хватает только): http://asiancorner.forumei.com/
Помогите разобраться в чем дело. А то я уже и так, и сяк меняла в коде какие-то строки, но ничего не выходит.
Почему не соединяются верхняя, средняя и нижняя панели? И вообще как всё сделать так, чтобы дизайн выглядел как на форуме.
Версия движка: phpBB3

Можете выложить код сюда?

Конечно, вот:

Код:

#page-body{
background-color:  transparent!important;
background-image: url('http://img857.imageshack.us/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 152px;
}


#outer-wrapper{
background-image:url('http://img94.imageshack.us/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 1020px;
}

#wrapper{
width: 500px;
padding: 14px;
padding-left: 80px;
}


/*image du pied_de_page*/

#page-footer{
background-color: transparent;
background-image: url('http://img580.imageshack.us/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 176px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 1000px;
padding-left:100px;
}


.topiclist .header{
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
height: 30px;
}
.h3{
background-color: #;
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
background-repeat: repeat-x;
height: 40px;
}



select{
background-color: #b5b5b5;
border: 3px groove #000;
background-image: url('http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png');}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png");
background-repeat: repeat;
background-position: top left;
border: 3px groove #000;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://s52.radikal.ru/i136/1005/d3/26f44b803cd3.png");
background-repeat: repeat;
background-position: bottom center;
border: 3px groove #000;
}


ul.navlinks{
border-bottom: none;
}



#i_icon_mini_index{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq{
background-image: url('http://s48.radikal.ru/i120/1005/94/1c3b064e9b69.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search{
background-image: url('http://s48.radikal.ru/i119/1005/75/662c39361f61.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login{
background-image: url('http://i077.radikal.ru/1005/16/580f3ee02c5a.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message{
background-image: url('http://s56.radikal.ru/i151/1005/f4/1162b8f3fa6f.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}
#i_icon_mini_index:hover{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i067.radikal.ru/1005/06/abb7aa5b3d34.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search:hover{
background-image: url('http://s02.radikal.ru/i175/1005/16/eb9f34e23d3c.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups:hover{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members:hover{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile:hover{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout:hover{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login:hover{
background-image: url('http://s60.radikal.ru/i167/1005/3c/05e63befd9a8.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message:hover{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i047.radikal.ru/1005/5c/f50daa754dc3.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register:hover{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}    









#search{
display:none;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
  background:transparent url(http://i052.radikal.ru/1005/f0/7e463691ae8e.png) no-repeat scroll right bottom;
  }



blockquote div {background: url('http://imageshack.us/photo/my-images/40/quotebig.png') top right no-repeat;}

Попробуйте так:

Добавьте

Код:

#wrap {
width: 800px;
}

А у основной и нижней части измените:

#page-body{
background-color: transparent!important;
background-image: url('https://redcdn.net/ihimizer/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 112px;
}

#page-footer{
background-color: transparent;
background-image: url('https://redcdn.net/ihimizer/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 136px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}

[quote="Dana Domirani"]Попробуйте так:

Добавьте

Код:

#wrap {
width: 800px;
}

А вот это куда именно вставлять надо? В начале или в конце?

В конце

Получилось соединить верхнюю и среднюю панели, и всё теперь в центре. Но нижняя панель не присоединилась всё еще.
Пожалуйста, помогите, не пойму что не так.

Код:

#page-body{
background-color:  transparent!important;
background-image: url('http://img857.imageshack.us/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 112px;
}


#outer-wrapper{
background-image:url('http://img94.imageshack.us/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 1020px;
}

#wrapper{
width: 500px;
padding: 14px;
padding-left: 80px;
}


/*image du pied_de_page*/

#page-footer{
background-color: transparent;
background-image: url('http://img580.imageshack.us/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 136px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 1000px;
padding-left:100px;
}


.topiclist .header{
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
height: 30px;
}
.h3{
background-color: #;
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
background-repeat: repeat-x;
height: 40px;
}



select{
background-color: #b5b5b5;
border: 3px groove #000;
background-image: url('http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png');}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png");
background-repeat: repeat;
background-position: top left;
border: 3px groove #000;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://s52.radikal.ru/i136/1005/d3/26f44b803cd3.png");
background-repeat: repeat;
background-position: bottom center;
border: 3px groove #000;
}


ul.navlinks{
border-bottom: none;
}



#i_icon_mini_index{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq{
background-image: url('http://s48.radikal.ru/i120/1005/94/1c3b064e9b69.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search{
background-image: url('http://s48.radikal.ru/i119/1005/75/662c39361f61.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login{
background-image: url('http://i077.radikal.ru/1005/16/580f3ee02c5a.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message{
background-image: url('http://s56.radikal.ru/i151/1005/f4/1162b8f3fa6f.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}
#i_icon_mini_index:hover{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i067.radikal.ru/1005/06/abb7aa5b3d34.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search:hover{
background-image: url('http://s02.radikal.ru/i175/1005/16/eb9f34e23d3c.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups:hover{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members:hover{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile:hover{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout:hover{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login:hover{
background-image: url('http://s60.radikal.ru/i167/1005/3c/05e63befd9a8.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message:hover{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i047.radikal.ru/1005/5c/f50daa754dc3.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register:hover{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}    









#search{
display:none;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
  background:transparent url(http://i052.radikal.ru/1005/f0/7e463691ae8e.png) no-repeat scroll right bottom;
  }



blockquote div {background: url('http://imageshack.us/photo/my-images/40/quotebig.png') top right no-repeat;}
#wrap {
width: 800px;
}

У #page-footer ширина все еще 1020px — поставьте 800px

Дана, спасибо большое! Панели теперь соединены.

Не подскажете почему внутренняя часть (сам форум) не в центре или как ее увеличить? слишком узко получилось. Это снова что-то в коде менять надо?

Нужно расширить как на этом форуме например.

Исправьте в CSS вот это:

#wrapper {
width: 700px;
padding: 0px;
margin: 0 auto;
}

#outer-wrapper{
background-image:url('https://redcdn.net/ihimizer/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 800px;
}