<div id="L"></div>
<div id="hr" style="border-right:1px solid #C0C0C1;float:left;width:1px"></div>
<div id="R"><img src='' οnlοad="hrHeight();" /></div>
js:
function hrHeight(){
var l=document.getElementById('L').clientHeight;
var r=document.getElementById('R').clientHeight;
var s=parseInt(l)>parseInt(r)?parseInt(l):parseInt(r);
$("#hr").css("height", s+"px");
}
<div id="hr" style="border-right:1px solid #C0C0C1;float:left;width:1px"></div>
<div id="R"><img src='' οnlοad="hrHeight();" /></div>
js:
function hrHeight(){
var l=document.getElementById('L').clientHeight;
var r=document.getElementById('R').clientHeight;
var s=parseInt(l)>parseInt(r)?parseInt(l):parseInt(r);
$("#hr").css("height", s+"px");
}