सही फ्लोट div चौड़ाई खिंचाव?

Question

मेरे पास 2 फ्लोट है: बाएं div, पहला तय किया गया है और मैं चाहता हूं कि दूसरा div शेष स्थान को फैलाए।

<div id="container"> 
<div id="leftform"> </div> 
<div id="rightform"> </div> 
</div> 

कोई विचार? धन्यवाद

Answer 1

सीएसएस 2 में:

#container {display:table; table-layout:fixed;} 
#leftform, #rightform {display:table-cell;} 
#leftform {width:100px;} 

आईई की दुनिया में हैक करता:

#container {padding-left:100px;} 
#leftform {float:left; width:100px; margin-left:-100px;} 

Answer 2

JavaScript फ़ंक्शन के उपयोग दोनों ऊंचाई में बराबर बनाने के लिए।

//fixing column height problem using Prototype 
Event.observe(window,"load",function(){       
    if(parseInt($('leftform').getStyle('height')) > parseInt($('rightform').getStyle('height'))) 
     $('rightform').setStyle({'height' : parseInt($('leftform').getStyle('height'))+'px'}); 
    else 
     $('leftform').setStyle({'height' : parseInt($('rightform').getStyle('height'))+'px'}); 
});//observe 

एक ही समस्या here।