Question

I have such table structure(I can replace with Div if it is possible to solve the problem suing them) and would like to set width of the left column to fixed size in pixels, for example 300px and make right column auto width to keep it resized from left column to the border of browser. My solution do not work in this situation.

 <table>
   <tr>
        <td width="300"> 
            fixed size
        </td>
   </tr>
   <tr>
        <td width="100%"> 
             take free space
        </td>
   </tr>
 </table>

Answer 1

Using/suing DIVs:

<div style="background-color: lime; float: left; width: 300px;">fixed size</div>
<div style="background-color: cyan; margin-left: 300px;">take free space</div>

Demo here