#wrapper - основной контейнер. Он располагается по центру экрана и имеет длину от min-width до width
#side - левая колонка. Согласно коду, она находиться вплотную к левому краю контейнера #wrapper, а так же имеет длину width:180px
#page-c - правая колонка. Его длина width:660px;

Отсюда можно танцевать.

Heor
наверное, не догоняю я. Вы уж извините если что.
Но.
#side - меняет только ширину колонки, за что в принципе то же спасибо, но саму колонку не двигает. А главное не удлиняет вниз. или, скорее всего, я просто не понимаю где и что надо написать/поставить/поменять значение.
Вот чего я хочу добиться - из этого s53.radikal.ru/i142/1109/26/75618b400eac.jpg вот этого i020.radikal.ru/1109/95/340268800fa3.jpg , чтобы колонка меню шла параллельно основному контейнеру до самого конца, пока не начинаются нумерация страниц.

Двигается у меня только основной контейнер. #wrapper при изменении на количество большее 900 в правую сторону, при изменению на количество меньшее в левую. А мне надо контейнер не подвинуть, а так же расширить.

Изменение длины контейнера #wrapper должно двигать левую границу.
При увеличении длины #wrapper, левая и правая границы контейнера сдвигаются к краям экрана. Соответственно, должна двигаться влево и левая колонка.
А вот увеличить высоту контейнера #side у Вас не получиться.

Можно попробовать обмануть. Например, изменить фоновое изображение, добавив на место колонки белую полоску. Визуально это будет именно тот эффект.
Другой способ. Можно попробовать указать очень большую высоту для контейнера. Примерно так: #side { height: 9999px; }

Другой способ. Можно попробовать указать очень большую высоту для контейнера. Примерно так: #side { height: 9999px;
*кланяется* помогло!!!)))))
Изменение длины контейнера #wrapper должно двигать левую границу.
двигает, но именно двигает, а не расширяет ><" боже, я тупица!!!! ><
При увеличении длины #wrapper,
увеличиваю например с 900 на 930-940, так он просто от края экрана двигается ближе или дальше к контейнеру меню =_=

Другой способ. Можно попробовать указать очень большую высоту для контейнера. Примерно так: #side { height: 9999px; }
так, единственная неполадка - это при переходе с первой на вторую страницу контейнер меню увеличивается так
1 страница i047.radikal.ru/1109/cf/897d695eb90a.jpg
2ая страница s010.radikal.ru/i314/1109/d3/813c40916210.jpg
цитатник - доезжает только до середины страницы i019.radikal.ru/1109/11/6319cc7d94b4.jpg
и избранное так же.

вот так код выглядит сейчас
#wrapper {min-width:910px!important; width:940px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important} #side {width:200px !important; margin:0 !important} #side { height: 5814px; } #page-c {width:650px !important; padding:0 !important; margin:0 !important} #page-t {margin:0 !important;} #page-c, #side {border:1px solid #000000} #page-c, #side {background:#ffffff;} body{ background-attachment:fixed; } .postDate { text-align:center; } .postLinksBackg {display:block !important; border-bottom: 1px solid #000000; margin-top: 10px !important; padding:10px 0 !important;} #epigraph a{text-decoration:none} a:hover,a:active{color: #7c778d!important; text-decoration:none !important} .atTag a{text-decoration:none}

Крыся Зигмундовская,значит способ не подходит.
Тогда другой вариант:
#wrapper { display:table; } #side, #page-c { display: table-cell; }

двигает, но именно двигает, а не расширяет ><" боже, я тупица!!!! ><
Не совсем понял вопрос.
Я так понял, что Вам требуется расширить общую зону. Это заодно сдвинет левую границу влево. Ближе к краю экрана.
А для изменения размеров колонок требуется менять длину именно этих колонок. Может я Вас не так понимаю?

Тогда другой вариант:
видимо не пошел. ниче не меняется
Я так понял, что Вам требуется расширить общую зону.
ну так правильно. Мне нужно что контейнер постов стал более широким, что бы умещал некоторые изображения да и посты лично мне писать поудобнее. Но только он не расширяется =_=. а меняется только расстояние отмеченное зеленым.
s11.radikal.ru/i183/1109/7a/a17388d95a13.jpg

знаете, наверно это я че то не догоняю. Давайте так, представьте, то у вас посередине стола лежит ленточка шириной двадцать сантиметров ну и длиной 40. И вы ее двигаете от левого края к правому краю стола. она ведь при этом так же остается 20 см в ширину и 40 в длину, верно. Так вот мне нужно не двигать ленту, мне нужно подшить к ее ширине еще 10 сантиметров, то есть чтобы было 30 на 40 длины. Больше моя ограниченная женская логика не знает как это можно изложить. Простите

Попробуйте так:
#wrapper {min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important} #wrapper { display:table!important; } #side, #page-c { display: table-cell!important; } #side {width:240px !important; margin:0 !important} #page-c {width:740px !important; padding:0 !important; margin:0 !important} #page-t {margin:0 !important;} #page-c, #side {border:1px solid #000000} #page-c, #side {background:#ffffff;} body{ background-attachment:fixed; } .postDate { text-align:center; } .postLinksBackg {display:block !important; border-bottom: 1px solid #000000; margin-top: 10px !important; padding:10px 0 !important;} #epigraph a{text-decoration:none} a:hover,a:active{color: #7c778d!important; text-decoration:none !important} .atTag a{text-decoration:none}

Heor,
О, вы гений!!!! наконец-то ширина что надо!!)))))))) обожаю вас!!!!!!!!!
а с длиной контейнера меню не выгорит да?

Крыся Зигмундовская, с высотой меню пока не придумывается.

Heor,
если что надумается, вы напишите пожалуйста, буду очень признательна!)

Крыся Зигмундовская, вряд ли вообще имеет смысл так делать. Если уж так хочется две колонки, то просто сделайте соответствующий фон.
Все остальные решения не верные. Как вариант, можете попробовать такой код:

#wrapper {min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; } #side {width:200px !important; margin:0 !important; padding-bottom: 10000px; margin-bottom: -10000px!important; } #page-c {width:740px !important; padding:0 !important; margin:0 !important; } #page-t {margin:0 !important;} #page-c, #side {border:1px solid #000000; } #page-c, #side {background:#ffffff;} body{ background-attachment:fixed; } .postDate { text-align:center; } .postLinksBackg {display:block !important; border-bottom: 1px solid #000000; margin-top: 10px !important; padding:10px 0 !important;} #epigraph a{text-decoration:none;} a:hover,a:active{color: #7c778d!important; text-decoration:none !important;} .atTag a{text-decoration:none;}

Но не факт, что он будет давать верный результат всегда.

Heor,
спасибо, поняла) ну пока все норм!))))