Hi guys) Please tell me. Is there a way to make the #left_line block to be whole in the parent #dynamic ? It isn't so because the bootom property doesn't work correctly (as i understand....)
I'll add an example file
piece of html =
<div id="dynamic">
<div id="left_line">
<div id="left_line_top">
</div>
<div id="left_line_middle">
</div>
<div id="left_line_foot">
</div>
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
<div id="message_area">
</div>
</div>
part of css=
#left_line {
#dynamic { // position:absolute;
margin:0px;
width: 1024px;
padding:0px;
top: 0px;
left: 0px;
width: 1024px;
overflow: auto;
border: dashed 5px;
//background: #000000;
}
#left_line {
position:absolute;
height: 100%;
width: 4px ;
margin-left:5px;
padding:0px;
background-repeat: no-repeat;
border: dashed 1px;
overflow:hidden;
}
#left_line_top {
position:absolute;
width: 4px ;
height: 122px ;
top:0px;
margin:0px;
padding:0px;
background-image: url('images/LeftLine/LeftLineTop.jpg');
background-repeat: no-repeat;
// border: dashed 3px; }
#left_line_middle{
position:absolute;
top:122px;
bottom:105px;
width: 4px;
height: 100%; /*83px*/
background-image: url('images/LeftLine/LeftLineMiddle.jpg');
border: dashed 0px;
}
#left_line_foot{
position:absolute;
bottom:0px;
width: 4px;
height: 105px;
background-image: url('images/LeftLine/LeftLineFoot.jpg');
}
big thanks in advance )
example ->