高分求个自适应布局

如下图所示要求尽量不用JS实现。兼容至少IE6、7、8。
其中表格线是不需要的，也不一定要用表格来实现，只要达到自适应的目的就行

解决方案 »

  1.   

    DIV+CSS布局在页面缩放的宽度比较小的时候，在IE6、7下像文本框之类的控件容易被往下一行挤
    这问题很头痛，希望哪位高手给出答案的时候，也要考虑一下这个问题
      

  2.   

    主要是兼容6、7
    从CSS布局上来说，我觉得IE8做得真的很不错，表现非常好
      

  3.   

    强调兼容不建议自己做，你这个涉及框架，最好用一个，也可以用Flash
      

  4.   

    很多东西不是我说换就可以换的
    如果我说了算，我早弄FLEX或SILVERLIGHT去了
      

  5.   

    随便写一个简单的，在ie8下没问题 ，FF下好像不行.input会换行.其它未测<style>
    table tr td div{
    float:left;overflow:hidden;
    }
      </style>
     </HEAD> <BODY>
      <table border="1" width="100%">
    <tr>
    <td style="width:33%;">
    <div style="width:50px;">姓名:</div>
    <div ><input type="text" style="width:100%"/></div>
    </td>
    <td style="width:33%;"> <div style="width:50px;" >姓名:</div>
    <div nowrap><input type="text" style="width:100%"/></div> </td>
    <td width="33%">3</td>
    </tr>
      </table>
     </BODY>
      

  6.   

    楼上的代码还是不行
    IE8有兼容视图按钮，相当于IE7.用兼容模式看一下就知道了
      

  7.   

    width:expression(document.documentElement.ClientWidth>600?"600":auto);
      

  8.   

    2个DIV左右分布 一个 33%宽 一个 66%宽
    里面在放DIV根据实际情况来分割内容