Как растянуть сайт, со всем содержимым

[alex89]

Вот сайт pechati89.

как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент?

/* LAYOUT */

body {

background: #FEFEFE;

}

#wrapper {

background: url(images/wrapper-bg.jpg) center top no-repeat;

}

#container {

width:1200px;

margin:40px;

}

#contentwrap {

background: #FFFFFF;

}

a {

color: #000000;

text-decoration: underline;

}

a:hover {

color: #CF81A4;

text-decoration: none;

/* CONTENT */

#content {

padding: 15px 5px 15px 0;

color: #504D4D;

}

pre { overflow: hidden;

width: 470px;

}

.post {

padding:10px 0 10px 0;

margin-bottom: 20px;

}

.post p {

margin-bottom: 10px;

и

/* SIDEBAR(S) */

.sidebaradbox {

margin-top: 10px;

text-align:center;

}

.ad125 {

margin: 6px;

}

.sidebar {

padding:10%;

font-size: 15px;

color: #6D6D6E;

}

.sidebar a {

text-decoration: none;

color: #6D6D6E;

}

.sidebar a:hover {

text-decoration: underline;

color:#D75E86;

}

[konstantinskiy]

В этот блок нужно добавить - margin 40px auto; тогда все содержимое будет по середине, а то у вас выравнивание по левому краю, что очень некрасиво..

#container {

width:1200px;

margin:40px;

}

Новый вариант главного блока.

#container {

width:1200px;

margin:40px auto;

}

Если хотите сделать еще шире, то нужно изменить width:Npx; на другое, большее число, нежели 1200, но я думаю это и так понятно.

[alex89]

ну и помогите еще сейчас сдвинуть сайдбар влево, после изменений padding слева делаю больше и у меня сайдбар лезет на текст страницы белым фоном

/* SIDEBAR(S) */

.sidebaradbox {

margin-top: 0px;

text-align:left;

}

.ad125 {

margin: 6px;

}

.sidebar {

padding:

font-size: 15px ;

color: #6D6D6E;

width: 310px;

background: #FFFFFF;

}

.sidebar a {

text-decoration: none;

color: #6D6D6E;

}

.sidebar a:hover {

text-decoration: underline;

color:#D75E86;

}

#search {

border: 1px solid #F2F3F3;

height: 28px;

padding: 0px;

background: url(images/search-bg.png) left top repeat-x;

text-align: right;

margin-top: 15px;

}

#search input {

border: 0;

background: none;

color: #3F3F3F;

}

#s {

width: 240px;

padding: 4px;

margin:2px 0 0 0;

background: none;

}

#topsearch #search {

margin: 4px 0 0 0;

padding-right: 4px;

}

#topsearch #s {

width: 218px;

}