两列布局右侧自适应ie6bug

左右两列布局。右侧自适应.当右侧插入table,设置width:100%时。在ie6下会撐开表格,代码:

<style type="text/css">
        body{margin:0;padding:0}
        #left{width:150px;float:left;background:#ff0000;height:200px;}
        #right{margin-left:160px;background:blue}
        table{width:100%;}
    </style>

 

<body>
    <div id="left">这是左边</div>
    <div id="right">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>a</td>
                <td> d</td>
            </tr>
        </table>
    </div>
</body>

 

解决方法

左侧采用绝对定位:position:absolute;然后设置left.top.bottom.right值

posted @ 2010-06-15 15:53  沉默杨  阅读(376)  评论(0编辑  收藏  举报