Верстка divami в 2 колонки гле ошибся

[remont63]

День добрый.

Столкнулся с такой проблемой при верстке шаблона divами.

Проблема в следующем:

Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера.

Пример здесь: Моя ссылка

Кусок кода css:

/*Макет колонок*/
.vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; }
.vsep .vsep {  padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; }
.vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; }
.container, .rightside, .dopside, .midside, .mainside { overflow: auto; }
	.container { width: 800 px; padding: 0 15px 0 15px; } 
	.container .midside .container {height: 100%; padding: 0 300px 0 0;}
	.rightside { width: 250px; padding-right: 10px; margin: 0 0 0 20px;  position: absolute; }
	.midside, .mainside { width: 100%;}

/*Правый блок*/
.rightside .block { height: auto; width: 250px; overflow: hidden; padding: 0 0 0 10px; background: url("../images/lbshadow.png") no-repeat 0 100%; }
	.rightside .block .btl { font-weight: bold; text-align: center; color: #000; padding-top: 5px; margin-bottom: 10px; }
	.rightside .block .btl img { float: left; margin: -5px 0 0 -21px; }

/*Дополнительные блоки*/
.bvideoweek { margin-bottom: 10px; padding-bottom: 20px; width: 240px; background: #ededed url("../images/videoweek.png") no-repeat -240px 100%; }
	.bvideoweek .dtop { height: 45px; background: url("../images/videoweek.png") no-repeat; }
	.bvideoweek .dtop span, .bvideoweek .dtop span b { height: 27px; float: left; background: url("../images/videoweek_head.png") no-repeat; }
	.bvideoweek .dtop span { color: #34434c; background-position: 0 -27px; line-height: 26px; }
	.bvideoweek .dtop span b { background-position: 100% 0; padding: 0 45px 0 15px; }
	.bvideoweek .dcont { margin-left: 20px; width: 200px; }

[alekseyk24]

Типа того:

.pagebg {

background: url("../images/pagebg.jpg") repeat-x scroll 0 0 transparent;

}

.mainside {

float: left;

width: 708px;

}

.rightside {

margin: 0 0 0 20px;

padding-right: 10px;

width: 250px;

}

.container .midside .container {

height: 100%;

}

Edited December 1, 2012 by alekseyk24

[remont63]

Мысль правильная, только после этих изменений блоки возникли проблемы с отображением блоков

header - не отображается заливка + градиент.

logo - не отображается логотип

topmenu - не работает изменение заливки кнопки при нажатии

Не много покопался с кодом убрал ненужное и все получилось. alekseyk24 огромное Вам спасибо.

Edited December 2, 2012 by remont63

[alekseyk24]

  On 12/2/2012 at 8:46 AM, remont63 said:

Мысль правильная, только после этих изменений блоки возникли проблемы с отображением блоков

header - не отображается заливка + градиент.

logo - не отображается логотип

topmenu - не работает изменение заливки кнопки при нажатии

Не много покопался с кодом убрал ненужное и все получилось. alekseyk24 огромное Вам спасибо.

Главное разобрались, пожалуйста