`
liuxiang822
  • 浏览: 47992 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

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

HTMLIECSSXHTML 
阅读更多 
<%@ 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 双倍像素问题
评论
1 楼 huangyunbin 2011-11-14  
呵呵，我也遇到类似的情况啊
发表评论

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

相关推荐

    网页 DOCTYPE html标签的作用1

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - XHTML1.0 Strict：`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...

    HTML 元素与合法的 Doctype.docx

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - **Strict**: `&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ...

    图书管理系统代码

    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;登录图书...

    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框架及应用开发

    在IT领域，特别是软件开发行业中，Struts、Spring与Hibernate是三个非常重要的开源框架，它们分别在MVC架构、依赖注入以及数据持久化方面发挥着关键作用。下面将详细阐述这三个框架及其在应用开发中的作用。...

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

    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;是不...

    html标题_DOCTYPE的含义

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; ``` 3. **HTML Frameset DTD**：用于包含框架的文档，它等同于Transitional DTD，但替换body元素为...

    HTML5程序设计学习笔记

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;` - **HTML4.01 Frameset**：`&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" ...

    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;/...

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;`，而XHTML 1.0的声明可能为`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    微信飞机大战

    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; ...

    web开发设计php+mysql社区交流系统-web开发设计php+mysql社区交流系统

    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;无标题...

    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;就不会出现错位的问题。

    DOCTYPE 标签

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; ``` 3. **Frameset DTD**：用于含有框架的文档。 ```html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...

    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=...

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