诡异的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> - Web前端--lewis_liux - ITeye博客

`

liuxiang822

浏览: 46744 次
性别:
来自: 常州

最近访客更多访客>>

th414

wnly2027

tobeno1

hzj1989

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hjf0900380211：在ie7下加了before也没有任何效果.....
jquery.pseudo.js让IE6、7也能用伪类:before
liuxiang822：你上下都加了P标签，想要高度自适应很简单。给P标签高度加上百 ...
iframe高宽自适应
and80506： <!DOCTYPE html PUBLIC " ...
iframe高宽自适应
huangyunbin：呵呵，我也遇到类似的情况啊
诡异的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
summer_java：好。。。。我要弹出框。。
jQuery弹出层插件大全

诡异的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

HTML IE CSS XHTML

阅读更多

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.ab_1{
    width:298px;
    height:28px;
    border-style: solid solid none solid ;
	border-width: 1px ;
	border-color: #97caf5 ;
}
.ab_01{
	float:left;
	width:198px;
	height:28px;
	background-color:#60F;
	}
.ab_02{
	float:right;
	width:100px;
	height:28px;
	background-color:#F00;
	}

</style>
</head>
	
<body>
	<div class="ab_1">
        <div class="ab_01"></div>
        <div class="ab_02"></div>
</div>

</body>
</html>

FF、谷歌中效果如下图：

IE中效果如下图：

IE中发现右边那个层掉下来了！

解决办法: 把上面代码中的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

改成：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

分享到：

导航鼠标特效 | IE6 margin 双倍像素问题

2011-03-25 14:19
浏览 3992
评论(1)
分类:Web前端
查看更多

评论

1 楼 huangyunbin 2011-11-14

呵呵，我也遇到类似的情况啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

osgi基础demo: DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>a test ...

jsp登陆界面源代码: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>登录页面</title></head><body> <form name="loginForm" method="post" action="judgeUser.jsp"> <table> <tr> <td>用户名:...

Struts+Spring+Hibernate框架及应用开发: Struts+Spring+Hibernate框架及应用开发

关于梅花雨日历不同页面标准下的显示问题: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br><html lang="zh-CN"><br><br>这种标准一下的宽度和高度必须指定单位，即width:144px; height: 211px;是认可的，而width:144; height: 211;是不...

NewBlogOnline: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <% String id=request.getParameter("id"); BlogService service=new BlogService(); service.get %> </...

java 登录代码，实现对用户的登录控制: DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert ...

微信飞机大战: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="content" content="text/html" charset="utf-8"/> ...

testspringmvcproject.rar: DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ include file="/WEB-INF/commIncludePage/common.jsp"%> <html> <head> <meta http-equiv=

extjs实例教程附带源码: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>登录界面</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="stylesheet" ...

重写DropDownList控件,具有可选择,可自行输入文字功能: 在网上找了很多重写DropDownList控件可输入,可选择DropDownList的代码，一直没有合适的，这个代码源件是从国外网站上找来的，...DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">就不会出现错位的问题。

struts标签库: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>action标签</title> </head> <body>  <s:action name=...

HTML登陆界面: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>用户登录</TITLE><LINK ...

购物车代码: DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<HTML>"); out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>"); out.println(" <BODY>"); out.println("<form ...

asp在线聊天室代码（可用-亲测）--迷你聊天室: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <% Response.Buffer=true %> <HTML> <HEAD> <TITLE>迷你聊天室</TITLE> </HEAD> <%'显示框架和...

jsp各种的程序运行图: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>use ...

鼠标移至二级菜单时一级菜单仍然保留停留样式.rar: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <META content="IE=7.0000...

一套完整简单的图片上传到数据库保存路径: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>用户注册</title> <meta http-equiv="pragma" content="no-cache"> <meta ...

jsp代码jsp代码: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'text1.jsp' starting page</title> <meta ...

jsp代码问题: DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Insert title ...

基于MyEclipse搭建maven+springmvc整合图文教程(含源码0: DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>...

Global site tag (gtag.js) - Google Analytics