一个jsp:include引起的IE6的css错误

问题描述：页面的内容和底部分别为jsp:include引用的页面。

<div id="content" class="module">
	<jsp:include page="/investoredu/content.jsp">
		<jsp:param name="contentID"
			value="<%=request.getParameter("contentID") == null ? "11" : request
.getParameter("contentID")%>" />
	</jsp:include>
</div>



<%@include file="/include/IncludeFoot.jsp"%>

        由于内容长度不一，导致高度不一，当内容div高度太高时，会导致底部include的页面在IE中上提，覆盖住内容div。

 

原因猜测：使用多个jsp:include时，在include最后的底部页面时，没能根据其他div情况调整位置

 

解决方法：使用ajax在页面加载完毕后再调用底部页

<script type="text/javascript" src="/include/js/jQuery/jQuery.js"></script>
<script type="text/javascript">
	function ajaxFoot()
	{
		var url = "/include/IncludeFoot.jsp";
		$.ajax({
			url: url,
			cache: false,
			success: function(ajaxResult){
				$(".pageWarp").append(ajaxResult);
		}
		}); 
	}
	$(document).ready(function(){
		ajaxFoot();
	}); 
</script>