同样的css在html中与jsp中不一样【解决】

最新推荐文章于 2025-07-05 15:05:31 发布

最新推荐文章于 2025-07-05 15:05:31 发布 · 529 阅读

文章标签：

#xhtml #开发工具 #java

css 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了CSS在不同文档类型定义（DTD）声明下的表现差异，特别是在HTML与XHTML之间的转换过程中遇到的问题。作者详细记录了在Dreamweaver与Eclipse环境中使用不同DTD声明时CSS显示效果的变化，并指出了公共文件引入位置对样式表现的影响。

同样的css在html中与jsp中不一样

今天遇到一个问题，在dreamwaver中调试好的css移植到eclipse中，在chrome与firefox下没有发现，但不兼容IE8了，郁闷了一个早上，经过调试，终于找到问题的根源：

问题一：

eclipse生成的声明DTD的是

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

，而我调试使用的声明DTD的是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"
	dir="ltr">

问题二：公用文件的引入位置导致（实质性问题）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!--注意：如果放在这个位置，则css会混乱，至于为什么混乱，不言而喻了-->
<!--<%@include file="pages/common/page-base.jsp"%>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"
	dir="ltr">
<%@include file="pages/common/page-base.jsp"%>