`
sysuxk
  • 浏览: 57449 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

一个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>

 

1
0
分享到:
评论

相关推荐

    jsp_ie

    JSP(Java Server Pages)是Java平台上的一个标准,用于开发动态Web应用程序。它是由Sun Microsystems(现在已被Oracle公司收购)推出的,旨在提供一种简单、高效的方式来创建与Java相关的Web内容。JSP技术结合了...

    简单的jsp+servlet+sql-server2005博客加论坛

    【标题】"简单的jsp+servlet+sql-server2005博客加论坛" 是一个基于Java Web技术构建的项目,主要用于教学或毕业设计目的。这个项目使用了Java Server Pages(JSP)作为视图层,Servlet作为控制器,以及SQL Server ...

    kindeditor jsp示例源码(包含上传文件)

    KindEditor提供了JavaScript库,可以在网页中创建一个全功能的富文本编辑器。首先,你需要在HTML文件中引入KindEditor的JavaScript和CSS文件。接着,通过调用`KindEditor.create()`方法,指定一个元素ID,将其转换...

    在线编辑器JSP版eWebEditor

    1. **upload.jsp**:用于处理文件上传的JSP页面,通常会将上传的文件保存到服务器,并返回一个URL供编辑器插入到文档中。 2. **eWebEditor.jsp**:编辑器的主要实现文件,包含了所有编辑功能的HTML和JavaScript代码...

    2023年Web编程技术补考模拟试卷B卷.doc

    Tomcat是Apache软件基金会的一个项目,主要用于运行Java Servlet和JSP应用。 2. **Web编辑工具**:Dreamweaver是一款由Adobe公司开发的可视化网页设计和开发工具,支持多种编程语言;Editplus是一个轻量级的文本...

    FCKeditor-2.2.gz

    4. **引入JSP页面**:在JSP页面中通过`&lt;jsp:include&gt;`或`&lt;script&gt;`标签引入FCKeditor的相关JavaScript和CSS文件。 5. **初始化编辑器**:使用JavaScript调用FCKeditor的API来创建编辑器实例,并指定与服务器端交互的...

    HTML,JSP,JQ,JS冻结表单的表头和侧栏

    在创建冻结表头的表格时,我们首先需要创建一个带有表头(thead)和主体(tbody)的`&lt;table&gt;`元素。表头部分将包含列名,而主体部分将存放实际数据。通过CSS,我们可以设置`position: fixed`属性来固定表头或侧栏的...

    400个DreamWeaver插件

    mxp/Dreamweaver的drag layer函数在Mozilla M18 -Netscape 6下没有作用,这个插件是一个补丁 mxp/一个很不错的插件!很多朋友一定都想不打开客户端的默认邮件程序来发送email吧,这个插件就是插入一个这样的超连接。...

    富基融通JAVA软件工程师面试题(2011.12)

    2. **继承性**:继承是一种代码复用形式,它使一个类可以继承另一个类的属性和方法,从而减少重复代码的编写,提高代码的重用性。 3. **多态性**:多态是指允许不同子类型的对象对同一消息作出响应;即同一消息可以...

    js实现图片上传并按比例缩放后预览

    本示例基于JSP页面实现,并且在IE6、IE7、IE8以及傲游浏览器等环境下进行了兼容性测试。通过JavaScript来处理图片的上传和预览逻辑,确保了跨浏览器的兼容性。 #### 核心代码解析 ##### 1. 页面结构 首先,页面...

Global site tag (gtag.js) - Google Analytics