同样的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"%>