兼容性问题?

下面table中在ie6，7中显示变的很大
<div id="search-window" title="搜索" style="width: 600px; height: 300px; padding: 10px 20px">
    <div style="padding: 20px 20px 40px 40px;">
        <form id="frmSearch">
            <table class="tableForm datagrid-toolbar" style="width: 100%; height: 100%;">
                <tr>
                    <th>公司名称：
                    </th>
                    <td>
                        <input name="CompanyName" id="CompanyName" style="width: 150px;" />
                    </td>
                </tr>
                <tr>
                    <th>存放位置：
                    </th>
                    <td>
                        <input name="Location" style="width: 150px;" />
                    </td>
                </tr>
                <tr>
                    <th>创建日期：
                    </th>
                    <td>
                        <input type="text" name="CreateDateStart" id="CreateDateStart" class="easyui-datetimebox"
                            data-options="editable:true" style="width: 155px;" />
                        至<input type="text" name="CreateDateEnd" id="CreateDateEnd" class="easyui-datetimebox"
                            data-options="editable:true" style="width: 155px;" />
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div style="text-align: center; padding: 5px;">
        <a href="javascript:void(0)" onclick="SearchRecord()" class="easyui-linkbutton">查询</a>
        <a href="javascript:void(0)" onclick="cleanSearch()" class="easyui-linkbutton">取消</a>
    </div>
</div>JavaScript兼容

解决方案 »

  1.   

    在属性名前加一个_
    ie可以识别其他浏览器不能
    用这个傻方法就能解决你的问题了
    比如
    style="padding-left:20px;_padding-left:10px;"
    这样ie会采用10px,其它浏览器采用20px,
      

  2.   

    不行啊！我都这样写了<div id="search-window" title="搜索" style="width: 600px; height: 400px; padding: 10px 20px;_padding: 10px 20px">
        <div style="padding: 20px 20px 40px 40px;_padding: 0px 0px 0px 0px;">还是没有变化
      

  3.   

    问题在于padding。在ie6里padding会变成2倍的间距。又因你的表格是height:100%所以表格变形。
    解决方法是在有padding或margin的元素里添加display:inline
    style="width: 600px; height: 400px; padding: 10px 20px;display:inline
    <div style="padding: 20px 20px 40px 40px;display:inline
      

  4.   

    你可以在页面最前面加
    <!doctype html>
    或者
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    进行dtd定义至少在ie8中测试是这样的