if the page has several panels and content overflows the window,and then scoll the page, the Panel Header will be floated in IE (IIS)
but if open the page by file protocol, the css style is correct
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>角色编辑 </title>
<base target="_self" />
<link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="./Scripts/jquery-easyui/themes/icon.css" />
<style type="text/css">
a.l-btn-plain
{
background: #EFEFEF none repeat scroll 0 0;
}
span.requried
{
color: Red;
font-size: 12px;
}
</style>
<script type="text/javascript" src="./Scripts/jquery-easyui/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="./Scripts/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
; $(function () {
$("body").css("visibility", "visible").layout();
});
</script>
</head>
<body>
<div region="center" border="false" style="padding: 10px;">
<table class="form">
<tr>
<td class="ftLeftCol" style="width: 90px;">
<label for="Role_RoleCode">
角色编号:</label>
</td>
<td>
R001
</td>
</tr>
<tr>
<td class="ftLeftCol" style="width: 90px;">
<label for="Role_RoleName">
角色名称:</label>
</td>
<td>
<input id="Role_RoleName" name="Role.RoleName" type="text" value="" /><span class="requried">*</span>
</td>
</tr>
<tr>
<td class="ftLeftCol" style="width: 90px;" valign="top">
<label for="Role_Remark">
角色描述:</label>
</td>
<td>
<textarea cols="20" id="Role_Remark" name="Role.Remark" rows="3" style="width: 200px">
网站管理人员</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<div>
<div class="easyui-panel" title="领货单管理" collapsible="true" style="padding: 10px;
background: #fafafa;">
<div style="border-bottom: 1px solid gray">
领货单申请
<input type="checkbox" />全选
<div>
<input type="checkbox" name="1001" value="1" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
领货单审批
<input type="checkbox" />全选
<div>
<input type="checkbox" name="1002" value="2" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
已归档
<input type="checkbox" />全选
<div>
<input type="checkbox" name="1003" value="3" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
电子版下载
<input type="checkbox" />全选
<div>
<input type="checkbox" name="1004" value="13" />
浏览
</div>
</div>
</div>
<div class="easyui-panel" title="库存/仓管管理" collapsible="true" style="padding: 10px;
background: #fafafa;">
<div style="border-bottom: 1px solid gray">
产品库存管理
<input type="checkbox" />全选
<div>
<input type="checkbox" name="2001" value="4" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
产品入库查询
<input type="checkbox" />全选
<div>
<input type="checkbox" name="2002" value="9" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
产品出库查询
<input type="checkbox" />全选
<div>
<input type="checkbox" name="2003" value="10" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
库存预警列表
<input type="checkbox" />全选
<div>
<input type="checkbox" name="2004" value="11" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
已停用的产品
<input type="checkbox" />全选
<div>
<input type="checkbox" name="2005" value="12" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
统计报表
<input type="checkbox" />全选
<div>
</div>
</div>
</div>
<div class="easyui-panel" title="系统管理" collapsible="true" style="padding: 10px; background: #fafafa;">
<div style="border-bottom: 1px solid gray">
应用模块
<input type="checkbox" />全选
<div>
<input type="checkbox" name="9001" value="5" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
角色管理
<input type="checkbox" />全选
<div>
<input type="checkbox" name="9002" value="6" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
用户管理
<input type="checkbox" />全选
<div>
<input type="checkbox" name="9003" value="7" />
浏览
</div>
</div>
<div style="border-bottom: 1px solid gray">
系统定义
<input type="checkbox" />全选
<div>
<input type="checkbox" name="9004" value="8" />
浏览
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div region="south" border="false" style="text-align: center; height: 40px; padding: 5px;
background-color: #FAFAFA;">
<a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-ok" id="btnSubmit">
确认</a> <a href="javascript:void(0);" class="easyui-linkbutton" icon="icon-cancel"
id="btnCancel">取消</a>
</div>
<div id="ErrMsg" style="display: none;">
</div>
</body>
</html>
通过本地文件打开（file://path/test.html）,样式正常
通过IIS打开（http://path/test.html）,样式不正常，Panel Header 浮动
见附件
