Witam,

Pomóżcie bo męczę się już z tym układem i nie mogę dojść do ładu. Do rzeczy:

Chcę osiągnąć taki efekt:

Trzy sekcje: LEFT, MIDDLE, RIGHT
Wewnątrz LEFT i RIGHT odpowiednio góra, rozciągalny w pionie w zależności od ilości teksu środek _MIDDLE oraz _BOTTOM. Text jest w MIDDLE (zielony).
Czyli [b]LEFT_MIDDLE oraz RIGHT_MIDDLE mają się rozciągać w zależności od tego jaką wysokość (ilość tekstu) ma MIDDLE.
Wszystko jest w MAIN_COINTAINER.

[CSS] pobierz, plaintext 
#left{
float:left;
height:100%;
width:13px;
}
 
#left_top{
width:13px;
height:46px;
background-image:url(grafa/left_top.png);
background-repeat:no-repeat;
}
 
#left_middle{
width:13px;
height:100%
background-image:url(grafa/left_middle.png);
background-repeat:repeat-y;
}
 
#left_bottom{
width:13px;
height:9px;
background-image:url(grafa/left_bottom.png);
background-repeat:no-repeat;
}
 
#middle{
float:left;
width:800px;
}
 
 
#right{
float:right;
width:13px;
}
 
#right_top{
width:7px;
height:9px;
background-image:url(grafa/right_top.png);
background-repeat:no-repeat;
}
 
#right_middle{
width:7px;
height:100%
background-image:url(grafa/right_middle.png);
background-repeat:repeat-y;
}
 
#right_bottom{
width:7px;
height:9px;
background-image:url(grafa/right_bottom.png);
background-repeat:no-repeat;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="left"><div id="left_top"></div><div id="left_middle"></div><div id="left_bottom"></div></div>
<div id="middle"><img src="grafa/middle_top.png" /><br />
TEEEEEEXT
<br /><img src="grafa/middle_top.png" /></div>
<div id="right"><div id="right_top"></div><div id="right_middle"></div><div id="right_bottom"></div></div>
<br style="clear:both;" />
[HTML] pobierz, plaintext 

Dzięki.