vedro-compota 33 Posting Whiz

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 ->

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.