`

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

java 
阅读更多
http://liuxiang822.iteye.com/blog/975224


Html代码 
<%@ 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中发现右边那个层掉下来了！
解决办法: 把上面代码中的
Html代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
改成：
Html代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
分享到：
| 为什么使用<!DOCTYPE HTML>
评论
发表评论

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

相关推荐

    osgi基础demo

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

    jsp登陆界面源代码

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;登录页面&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;form name="loginForm" method="post" action="judgeUser.jsp"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;用户名:...

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

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

    关于梅花雨日历不同页面标准下的显示问题

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;br&gt;&lt;html lang="zh-CN"&gt;&lt;br&gt;&lt;br&gt;这种标准一下的宽度和高度必须指定单位，即width:144px; height: 211px;是认可的，而width:144; height: 211;是不...

    NewBlogOnline

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

    java 登录代码，实现对用户的登录控制

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;Insert ...

    微信飞机大战

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="content" content="text/html" charset="utf-8"/&gt; ...

    testspringmvcproject.rar

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

    extjs实例教程附带源码

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;登录界面&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt; &lt;link rel="stylesheet" ...

    重写DropDownList控件,具有可选择,可自行输入文字功能

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

    struts标签库

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;action标签&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- 这句会显示action请求的跳转页面success.jsp页面要显示的内容 --&gt; &lt;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"&gt; &lt;HTML xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;HEAD&gt;&lt;TITLE&gt;用户登录&lt;/TITLE&gt;&lt;LINK ...

    购物车代码

    DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"&gt;"); out.println("&lt;HTML&gt;"); out.println(" &lt;HEAD&gt;&lt;TITLE&gt;A Servlet&lt;/TITLE&gt;&lt;/HEAD&gt;"); out.println(" &lt;BODY&gt;"); out.println("&lt;form ...

    asp在线聊天室代码（可用-亲测）--迷你聊天室

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;% Response.Buffer=true %&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;迷你聊天室&lt;/TITLE&gt; &lt;/HEAD&gt; &lt;%'显示框架和...

    jsp各种的程序运行图

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;use ...

    鼠标移至二级菜单时一级菜单仍然保留停留样式.rar

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"&gt; &lt;HTML xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;HEAD&gt; &lt;META content="IE=7.0000...

    一套完整简单的图片上传到数据库保存路径

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;用户注册&lt;/title&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta ...

    jsp代码jsp代码

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;My JSP 'text1.jsp' starting page&lt;/title&gt; &lt;meta ...

    jsp代码问题

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;Insert title ...

    基于MyEclipse搭建maven+springmvc整合图文教程(含源码0

    DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;...

Magicbox
Global site tag (gtag.js) - Google Analytics