郁闷了一个下午的问题,该死的IE6

wysfair 2009-10-21 08:33:10
代码如下 .IE7/8,FF中显示均正常,今天在IE6下面一测...右边的表格竟然没顶端对齐了...大大们帮我看下吧...

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

#TopHeader{

	height:30px; width:100%;

}

#Left

{

    float:left; width:200px;	

}

#Main

{

   margin-left:220px;

	

}



#Middle

{

    border-style:solid; border-width:10px; border-color:#fff; 

    min-height:400px; 

    height:auto !important; 

    height:400px; 

}



#Bottom

{

	 margin-top:5px; margin-bottom:0px; border-top-color:#0F3974; border-top-style:solid; border-top-width:2px;

}

.border

{

	border: solid 1px #666666;

}

</style>

</head>



<body>

 

<div id="TopHeader">

</div>

<div id="Middle">

<div class="border" id="Left">

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

</div>

<div id="Main" class="border">aaaaa

  <table width="100%" border="0" cellspacing="4" cellpadding="0">

    <tr>

      <td bgcolor="#0000FF">aaaa</td>

      <td bgcolor="#0000FF">bbb</td>

      <td bgcolor="#0000FF">ccc</td>

      <td bgcolor="#0000FF">ddd</td>

    </tr>

    <tr>

      <td>a1</td>

      <td>b1</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a2</td>

      <td>b2</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b3</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b4</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a5</td>

      <td>b5</td>

      <td> </td>

      <td> </td>

    </tr>

  </table>

</div>



</div>

<div id="Bottom"></div>

</body>

</html>


...全文
166 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
byte377 2009-10-23
  • 打赏
  • 举报
 回复
帮顶
Op1990 2009-10-23
  • 打赏
  • 举报
 回复
明白了！
wysfair 2009-10-23
  • 打赏
  • 举报
 回复
6L的不行..不IE 7/8都不同了...
7L那肯定不行..我要的是左侧固定
wysfair 2009-10-23
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 masxq 的回复:]
原因是#main没有设置width和float属性，DIV里这两个是必须的。

HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html; charset=gb2312"/><title>无标题文档</title><style>
#TopHeader{
height:30px; width:100%;}
#Left{
float:left; width:200px;}
#Main{
width:745px;
margin-left:10px;
float:left;}

#Middle{
border-style:solid; border-width:10px; border-color:#fff;
min-height:400px;
height:auto !important;
height:400px;}

#Bottom{
margin-top:5px; margin-bottom:0px; border-top-color:#0F3974; border-top-style:solid; border-top-width:2px;}
.border{
border: solid 1px #666666;}</style></head><body><divid="TopHeader"></div><divid="Middle"><divclass="border" id="Left"><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p><p>aaaaaaaaaaaaa</p></div><divid="Main" class="border">
aaaaaa<tablewidth="100%" border="0" cellspacing="4" cellpadding="0"><tr><tdbgcolor="#0000FF">aaaa</td><tdbgcolor="#0000FF">bbb</td><tdbgcolor="#0000FF">ccc</td><tdbgcolor="#0000FF">ddd</td></tr><tr><td>a1</td><td>b1</td><td> </td><td> </td></tr><tr><td>a2</td><td>b2</td><td> </td><td> </td></tr><tr><td>a3</td><td>b3</td><td> </td><td> </td></tr><tr><td>a3</td><td>b4</td><td> </td><td> </td></tr><tr><td>a5</td><td>b5</td><td> </td><td> </td></tr></table></div></div><divid="Bottom"></div></body></html>
[/Quote]


那IE7/8,FF都正常着呢..怎么说是必需的呢?
jiangdongyixia 2009-10-22
  • 打赏
  • 举报
 回复
#Left
{
float:left; width:20%; }
#Main
{
margin-left:220px;
_margin-left:0px;
width:75%;
_float:right;}
夜雨_Jason 2009-10-22
  • 打赏
  • 举报
 回复 


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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

#TopHeader{

    height:30px; width:100%;

}

#Left

{

    float:left; width:200px;    

}

#Main

{

   margin-left:20px;

   float:left;

    

}



#Middle

{

    border-style:solid; border-width:10px; border-color:#fff; 

    min-height:400px; 

    height:auto !important; 

    height:400px; 

}



#Bottom

{

     margin-top:5px; margin-bottom:0px; border-top-color:#0F3974; border-top-style:solid; border-top-width:2px;

}

.border

{

    border: solid 1px #666666;

}

</style>

</head>



<body>

 

<div id="TopHeader">

</div>

<div id="Middle">

<div class="border" id="Left">

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

</div>

<div id="Main" class="border">aaaaa

  <table width="100%" border="0" cellspacing="4" cellpadding="0">

    <tr>

      <td bgcolor="#0000FF">aaaa</td>

      <td bgcolor="#0000FF">bbb</td>

      <td bgcolor="#0000FF">ccc</td>

      <td bgcolor="#0000FF">ddd</td>

    </tr>

    <tr>

      <td>a1</td>

      <td>b1</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a2</td>

      <td>b2</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b3</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b4</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a5</td>

      <td>b5</td>

      <td> </td>

      <td> </td>

    </tr>

  </table>

</div>



</div>

<div id="Bottom"></div>

</body>

</html>
cngothic 2009-10-22
  • 打赏
  • 举报
 回复
<div id="Main" class="border" style="width:XX px;">
<div id="Main" class="border" style="width:500px;">

床上等您 2009-10-22
  • 打赏
  • 举报
 回复
学习了。
bhbhxy 2009-10-22
  • 打赏
  • 举报
 回复
我试过给table加float:left，但是这样就脱离标准流了
MAIN的外边框不能把TABLE全部包住
bhbhxy 2009-10-22
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 masxq 的回复:]
原因是#main没有设置width和float属性，DIV里这两个是必须的。
[/Quote]
那这样右边就不能自适应宽度了
浪子回头8 2009-10-22
  • 打赏
  • 举报
 回复
原因是#main没有设置width和float属性，DIV里这两个是必须的。



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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

#TopHeader{

    height:30px; width:100%;

}

#Left

{

    float:left; width:200px;    

}

#Main

{

   width:745px;

   margin-left:10px;

   float:left;

}



#Middle

{

    border-style:solid; border-width:10px; border-color:#fff; 

    min-height:400px; 

    height:auto !important; 

    height:400px; 

}



#Bottom

{

     margin-top:5px; margin-bottom:0px; border-top-color:#0F3974; border-top-style:solid; border-top-width:2px;

}

.border

{

    border: solid 1px #666666;

}

</style>

</head>



<body>

 

<div id="TopHeader">

</div>

<div id="Middle">

<div class="border" id="Left">

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

  <p>aaaaaaaaaaaaa</p>

</div>

<div id="Main" class="border">

aaaaaa

  <table width="100%" border="0" cellspacing="4" cellpadding="0">

    <tr>

      <td bgcolor="#0000FF">aaaa</td>

      <td bgcolor="#0000FF">bbb</td>

      <td bgcolor="#0000FF">ccc</td>

      <td bgcolor="#0000FF">ddd</td>

    </tr>

    <tr>

      <td>a1</td>

      <td>b1</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a2</td>

      <td>b2</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b3</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a3</td>

      <td>b4</td>

      <td> </td>

      <td> </td>

    </tr>

    <tr>

      <td>a5</td>

      <td>b5</td>

      <td> </td>

      <td> </td>

    </tr>

  </table>

</div>



</div>

<div id="Bottom"></div>

</body>

</html>
bhbhxy 2009-10-22
  • 打赏
  • 举报
 回复
求不用css hack的方法
jenny0810 2009-10-22
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 jiangdongyixia 的回复:]
#Left
{
    float:left;width:20%; }
#Main
{
  margin-left:220px;
 _margin-left:0px;
  width:75%;
  _float:right;}
[/Quote]学习
日记090901
进入九月了上午跑去听网络，结果几乎一直在睡，直到十点钟才开始听，讲的是数据链路层下午没出去晚饭时突然想吃热干面，于是买了热干面和一串肉丸，嗯，肉丸很香吃完后去自习，第四章看的很绕口，但其实仔细一想也就那么回事，坚持着把第四章看完了，明天做下资料上的题回来后全盘杀毒，电脑貌似中毒了，郁闷，到现在已经杀了两小时，还要四十分钟左右现在23：38 -------------
ic和it工程师们看过来：30 个常用的 Linux 命令！
一面：1. 主要是简历面，问了很多项目和实习2.两个八股问题，一个没答上来，手撕不出来，面试官耐心提供思路二面：1. 纯项目面，面试官很强，以提问的方式让我思考。晚上来西二旗这边一转，令人感到可怕的是这么多公司，这么多人，却是出奇的安静，能听到的只有外卖小哥打电话和骑车驶过的声音，互联网太可怕了，这班给人上的#引流 快手。口述过程二叉树了解多少？共投递65家，目前2个offer，整体投递时间都比较晚，进度很慢，有进度的包括：互联网类：滴滴：最近才约面，拒京东：管培生和JDS，笔试后无消息美团：笔试后无消。
大话设计模式
是抽象类，其实也就是一抽象模板，定义并实现了一个模版方法。这个模版方法一般是一个具体方法，它给出了一个顶级逻辑的骨架，而逻辑的组成步骤在相应的抽象操作中，推迟到子类实现。顶级逻辑也有可能调用一些具体方法。
csdn的<>，精彩连载！
正文第一章 大学　　作为一个真正的程序员，首先应该尊重编程，热爱你所写下的程序，他是你的伙伴，而不是工具。　　/*　　*/　　我放弃清华计算机专业的保送资格而选择参加高考的消息震撼了全校，从校长到班主任到各科目任课老师都找我谈过话，我有点惊异他们的变化，在我获得全国信息大赛一等奖外加特别奖以前我似乎是个可有可无的人物，突然间变的如此的炙手可热，我觉得我的大脑前所未有的不够用。　　说起...
csdn的>，精彩连载！
正文  第一章 大学　　作为一个真正的程序员，首先应该尊重编程，热爱你所写下的程序，他是你的伙伴，而不是工具。　　/*　　*/　　我放弃清华计算机专业的保送资格而选择参加高考的消息震撼了全校，从校长到班主任到各科目任课老师都找我谈过话，我有点惊异他们的变化，在我获得全国信息大赛一等奖外加特别奖以前我似乎是个可有可无的人物，突然间变的如此的炙手可热，我觉得我的大脑前所未有的不够用。　　说起这个特别奖...
CSS

61,115

社区成员

60,728

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章