您所在位置：主题：这个是不是IE的BUG？
林杰杰
[专家分：8970] 发布于 2007-10-10 10:07:00
看图片。
[img]http://bbs.hz0752.com/UploadFile/2007-10/2007101010334882.jpg[/img]
我预想的结果就是跟左右两个一样，但是在IE中却呈现出中间那个。算不算是IE的BUG呢？如果是的话，应该如何hack？
源代码如下：
<!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>
<style type="text/css">
<!--
#column_tree
{
display: block;
float: left;
width: 82px;
border: 1px solid #006699;
background: #CCBBAA;
margin: 15px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}
#column_tree span
{
display: block;
clear: both;
width: 80px;
border: 1px solid #CCFFCC;
background: #006699;
line-height: 40px;
font-size: 130%;
font-weight: bold;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#column_tree ul
{
display: block;
float: left;
clear: both;
width: 80px;
font-size: 110%;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align: center;
}
#column_tree li
{
display: block;
float: left;
clear: both;
width: 80px;
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}
#column_tree a
{
display: block;
width: 80px;
clear: both;
text-decoration: none;
color: #338877;
}
#column_tree a:hover
{
font-weight: bold;
background-color: #338877;
color: yellow;
}
/* 主题列表 */
#subject_content
{
margin: 5px 3px 5px 0px;
padding: 0px 0px 0px 0px;
width: 150px;
float: right;
border: 1px solid red;
display: block;
}
#subject_content .subject_title
{
width: 100%;
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
background-repeat: repeat-x;
}
#subject_content .subject_title li
{
border: 1px solid red;
display: block;
float: left;
width: 100%;
}
#footer
{
display: block;
float: left;
clear: both;
width: 300px;
margin: 33px 5px 0px 5px;
padding: 10px 0px 0px 0px;
text-align: center;
font-size: 90%;
border: 2px solid blue;
}
//-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="MSHTML 6.00.2900.2180" name="GENERATOR">
</head>
<body>
<div id="container">
<div id="column_tree">
<span id="ColumnTree1_column_label">哈哈哈</span>
<ul>
<li><a href="#">AAA</a> </li>
<li><a href="#">BBB</a> </li>
<li><a href="#">CCCC</a> </li>
</LI></ul>
</div>
<div id="subject_content">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="footer">
<br>
<br>
<br>
</div>
</div>
</body>
</html>
[img]http://bbs.hz0752.com/UploadFile/2007-10/2007101010334882.jpg[/img]
我预想的结果就是跟左右两个一样，但是在IE中却呈现出中间那个。算不算是IE的BUG呢？如果是的话，应该如何hack？
源代码如下：
<!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>
<style type="text/css">
<!--
#column_tree
{
display: block;
float: left;
width: 82px;
border: 1px solid #006699;
background: #CCBBAA;
margin: 15px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}
#column_tree span
{
display: block;
clear: both;
width: 80px;
border: 1px solid #CCFFCC;
background: #006699;
line-height: 40px;
font-size: 130%;
font-weight: bold;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#column_tree ul
{
display: block;
float: left;
clear: both;
width: 80px;
font-size: 110%;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align: center;
}
#column_tree li
{
display: block;
float: left;
clear: both;
width: 80px;
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}
#column_tree a
{
display: block;
width: 80px;
clear: both;
text-decoration: none;
color: #338877;
}
#column_tree a:hover
{
font-weight: bold;
background-color: #338877;
color: yellow;
}
/* 主题列表 */
#subject_content
{
margin: 5px 3px 5px 0px;
padding: 0px 0px 0px 0px;
width: 150px;
float: right;
border: 1px solid red;
display: block;
}
#subject_content .subject_title
{
width: 100%;
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
background-repeat: repeat-x;
}
#subject_content .subject_title li
{
border: 1px solid red;
display: block;
float: left;
width: 100%;
}
#footer
{
display: block;
float: left;
clear: both;
width: 300px;
margin: 33px 5px 0px 5px;
padding: 10px 0px 0px 0px;
text-align: center;
font-size: 90%;
border: 2px solid blue;
}
//-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="MSHTML 6.00.2900.2180" name="GENERATOR">
</head>
<body>
<div id="container">
<div id="column_tree">
<span id="ColumnTree1_column_label">哈哈哈</span>
<ul>
<li><a href="#">AAA</a> </li>
<li><a href="#">BBB</a> </li>
<li><a href="#">CCCC</a> </li>
</LI></ul>
</div>
<div id="subject_content">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div id="footer">
<br>
<br>
<br>
</div>
</div>
</body>
</html>
