Автоматическая высота блока

[imediasun]

Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php

Обратите внимания по центру сайта есть 3 блока. структура их такова.

<div id="wrapper">
<div шв="header">
<!--header-->
<div id="middle">
<div id="container">
<!-- #container-->
<div class="sidebar" id="sideRight">
<div id="side_right_cont">	
<!--siderightcont-->
<!-- .sidebar#sideLeft -->
<div class="sidebar" id="sideLeft">
<div class="side_left_cont">
<!--sideleftcont-->
<!-- .sidebar#sideLeft -->
<div id="content" >
<!--content-->
<!-- #middle-->
<!-- #wrapper -->
<footer>

#wrapper {
width: 1000px;
margin:0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
bottom:-150px;
}


/* Header
—————————————————————————--*/
#header {
height: 150px;
background: #e5688a;
opacity:0.7;
position:absolute;
top:0;
left:0;
width:100%;
}


#container {
bottom:-199px;
margin:0 auto;
width: 100%;
height:100%;
padding-bottom:50px;
max-height:100%;
box-sizing: border-box;
position:absolute;
background: url(../img/background_wrapper.jpg) repeat-y;
}


#content {
height:100%;
width:430px;
bottom:-160px;
position:fixed;
margin-left: 355px;


}


/* Sidebar Right
—————————————————————————--*/
#sideRight {
float:right;
height: 100%;
width: 190px;
bottom:-160px;
position:fixed;
margin-left: 800px;
background-color: rgba(214, 177, 210, 0.4);
overflow-y:hidden;
}
#side_right_cont{
height:350px;
z-index:2;
overflow-y:auto;
overflow-x:hidden;	
position:fixed;
}

/* Sidebar Left
—————————————————————————--*/
#sideLeft {
	float: left;
		bottom:-160px;
	width: 340px;
	height:100%;
	position: fixed;
	vertical-align: middle;
background-color: rgba(214, 177, 210, 0.2); 
z-index:1;
}
.side_left_cont{
position:relative;
height:100%;

z-index:2;
}

/* Footer
—————————————————————————--*/
#footer {
width: 100%;
margin:0 auto;
height: 50px;
bottom:0;
z-index:99999999;
background: #79874c;
position: fixed;
}

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

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

Edited November 16, 2012 by imediasun

[pismenny]

Эм-м-м... тут лучше заново сделать, чем переделать ЭТО.

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

[FEL]

Эм-м-м... тут лучше заново сделать, чем переделать ЭТО.

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

А что у него такого плохого?