IE6和IE7中div不一致如何解决？

希望得到高人指教，如何解决IE6和IE7中div显示不一致的情况

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

有一点不一致，不过这个应该不关大局，应该以ie7的为准来设置（尽量兼容ie6)，因为毕竟要面向未来嘛
对于同一个div，如何让两者显示一致呢？有没有这方面的实例？
正在郁闷，一直用IE7,突然在IE6下打开网站，溢出了，真麻烦
去查CSS Hack，把IE6.7区分开来
默认的不一样
控制到细节就OK了比如
<div>----1
<div>----2
<talbe>
</div></div>2个DIV嵌套 table width 是1000
div 1 是 500
div 2 默认 (不设置宽)IE 6 下 DIV 的宽为table的宽会被table 撑到1000而IE7 下 DIV 的块是 500  因为外层的DIV 的限制这个是因为IE7 / 6  的默认  不一样你做的时候不要使用默认就好了  就象上面的 DIV2 设置宽度不要默认.
如果是随table 变化你必须默认的话  就在window.onload的时候得到table的offsetwidth 去设置div2 就OKIE6/7 使网页显示一致就要做到区别默认, 设置精确.
网上找的
hack书写规范因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。1、 IE6、IE7、Firefox之间的兼容写法：写法一：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
根据上述表达，同一类/ID下的CSS 　hack可写为：
.searchInput {
background-color:#333;/*三者皆可*/
*background-color:#666　!important; /*仅IE7*/
*background-color:#999; /*仅IE6及IE6以下*/
}
一般三者的书写顺序为：FF、IE7、IE6.写法二：IE6可识别“_”，而IE7及FF皆不能识别，所以当只针对IE6与IE7及FF之间的区别时，可这样书写：
.searchInput {
background-color:#333;/*通用*/
_background-color:#666;/*仅IE6可识别*/
}写法三：*+html 与 *html 是IE特有的标签, Firefox 暂不支持。
.searchInput {background-color:#333;}
*html .searchInput {background-color:#666;}/*仅IE6*/
*+html .searchInput {background-color:#555;}/*仅IE7*/屏蔽IE浏览器：select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。*:lang(zh) select {font:12px  !important;} /*FF的专用*/
select:empty {font:12px  !important;} /*safari可见*/IE6可识别：这里主要是通过CSS注释分开一个属性与值，注释在冒号前。select { display /*IE6不识别*/:none;}IE的if条件hack写法：所有的IE可识别：<!–[if IE]> Only IE <![end if]–>
只有IE5.0可以识别:
<!–[if IE 5.0]> Only IE 5.0 <![end if]–>
IE5.0包换IE5.5都可以识别:
<!–[if gt IE 5.0]> Only IE 5.0+ <![end if]–>
仅IE6可识别:
<!–[if lt IE 6]> Only IE 6- <![end if]–>
IE6以及IE6以下的IE5.x都可识别:
<!–[if gte IE 6]> Only IE 6/+ <![end if]–>
仅IE7可识别:
<!–[if lte IE 7]> Only IE 7/- <![end if]–>
<style type="text/css">
    .menu {*font-family:"宋体"; *width:462px; *height:20px; *position:relative; *margin:0; *font-size:11px; *color:#C9C7B4; *margin:0px ; *border:0px; *background:url(images/TOP_daohang_2.gif); *position:relative; *z-index:0;}
    .menu ul {*padding:0; *margin:0; *list-style-type: none;}
    .menu ul li {*float:left;*margin-right:0px;*width:76px;*position:relative;*float:left;*margin-right:0px;*width:76px;*position:relative;}
    .menu ul li a, .menu ul li a:visited {*display:block; *width:76px; *text-decoration:none; *padding:0 0 0 5px; *height:20px; *line-height:20px; *color:#C9C7B4; *background:url(images/TOP_daohang_2.gif); *bottom right no-repeat;}
    .menu table {*border-collapse:collapse; *margin:0; *padding:0; *font-size:1em;}
    .menu ul li ul {*visibility:hidden; *position:absolute; *top:20px; *left:0;}
    .menu ul li:hover a,
    .menu ul li a:hover {*color:#C9C7B4; *background:#312421; *font-family:"黑体";}
    .menu ul li:hover ul,
    .menu ul li a:hover ul {*visibility:visible; *width:76px;*background:#312421; *color:#fff; *left:0px;}
    .menu ul li:hover ul.right_side li,
    .menu ul li a:hover ul.right_side li {  *float:left; *border:0;*position:relative ;}
    .menu ul li:hover ul.left_side li,
    .menu ul li a:hover ul.left_side li {*float:right; *border:0; }
    .menu ul li:hover ul li a.sub,
    .menu ul li a:hover ul li a.sub {*background:#312421; *color:#C9C7B4;}
    .menu ul li:hover ul li ul,
    .menu ul li a:hover ul li a ul {*visibility:hidden; *position:absolute; *left:76; *top:0px; }
    .menu ul li:hover ul li a,
    .menu ul li a:hover ul li a {*display:inline; *background:#312421; *color:#C9C7B4;}
    .menu ul li:hover ul li a:hover,
    .menu ul li a:hover ul li a:hover {*background:#b3ab79; *color:#000;}
    .menu ul li:hover ul li:hover ul,
    .menu ul li a:hover ul li a:hover ul {*visibility:visible; *color:#C9C7B4; *background:#312421;}
    .menu ul li:hover ul.right li {*float:right;}
    .menu ul li:hover ul li:hover ul li a,
    .menu ul li a:hover ul li a:hover ul li a {*background:#312421; *color:#C9C7B4;}
    .menu ul li:hover ul li:hover ul li a:hover,
    .menu ul li a:hover ul li a:hover ul li a:hover {*background:#b3ab79; *color:#000;}
    </style>
<div class="menu">
    <ul>
    <li><a href="About.asp">关于樂宜嘉</a>
     
     <ul>
      <li><a href="About.asp" title="樂宜嘉（中山）家居設備有限公司::百年傳承">百年傳承</a></li>
      <li><a href="About_1.asp" title="樂宜嘉（中山）家居設備有限公司::品牌故事">品牌故事</a></li>
      <li><a href="About_2.asp" title="樂宜嘉（中山）家居設備有限公司::樂宜佳在中國">Nca在中國</a></li>
      <li><a href="About_3.asp" title="樂宜嘉（中山）家居設備有限公司::品牌運作模式">品牌運作</a></li>

      <li><a href="About_4.asp" title="樂宜嘉（中山）家居設備有限公司::品牌理念">品牌理念</a></li>
      <li><a href="About_5.asp" title="樂宜嘉（中山）家居設備有限公司::品牌價值">品牌價值</a></li>
     </ul>
     
    </li>
    <li><a href="Products.asp">產品中心</a>
     
     <ul>
      <li><a class="sub" href="Products.asp?pid=68" title="樂宜嘉（中山）家居設備有限公司::整體廚柜">整體廚柜 ></a>
       
       <ul class="right_side">
        <li><a href="Products.asp?pid=68" title="樂宜嘉（中山）家居設備有限公司::看櫥柜">看櫥柜</a></li>
        <li><a href="Products.asp?pid=69" title="樂宜嘉（中山）家居設備有限公司::配功能">配功能</a></li>
        <li><a href="Products.asp?pid=70" title="樂宜嘉（中山）家居設備有限公司::挑廚電">挑廚電</a></li>
<li><a href="Products.asp?pid=71" title="樂宜佳（中山）家居設備有限公司::選臺面">選臺面</a></li>
       </ul>
       
      </li>
      <li><a href="Products.asp?pid=76" title="樂宜嘉（中山）家居設備有限公司::整體衣柜">整體衣柜 ></a>
       
   <ul class="right_side">
        <li><a href="Products.asp?pid=76" title="樂宜嘉（中山）家居設備有限公司::看櫥柜">看衣柜</a></li>
        <li><a href="Products.asp?pid=79" title="樂宜嘉（中山）家居設備有限公司::配功能">配功能</a></li>

       </ul>
   </li>
      <li><a href="Products.asp?pid=77" title="樂宜嘉（中山）家居設備有限公司::整體書柜">整體書柜</a></li>
     </ul>
     
    </li>
    <li><a href="About_6.asp">設計哲學</a>
     
     <ul>
<li><a href="About_6.asp" title="樂宜嘉（中山）家居設備有限公司::設計哲學">設計哲學</a></li>
     </ul>
     
    </li>
    <li><a href="Productsto.asp" target="_blank">產品體驗</a>
     
     <ul>
      <li><a href="Productsto.asp" title="樂宜嘉（中山）家居設備有限公司::產品體驗" target="_blank">產品體驗</a></li>     </ul>
     
    </li>
    <li><a href="Feedback.asp">服务中心</a>
     
     <ul>
      <li><a href="Feedback.asp" title="樂宜嘉（中山）家居設備有限公司::客戶留言">客戶留言</a></li>
   <li><a href="Networks.asp" title="樂宜嘉（中山）家居設備有限公司::營銷網絡">營銷網絡</a></li>
   <li><a href="News.asp?pid=146" title="樂宜嘉（中山）家居設備有限公司::公司新聞">公司新聞</a></li>
   <li><a href="News.asp?pid=148" title="樂宜嘉（中山）家居設備有限公司::行業新聞">行業新聞</a></li>
   <li><a href="News.asp?pid=149" title="樂宜嘉（中山）家居設備有限公司::最新動態">最新動態</a></li>
   <li><a href="About_11.asp" title="樂宜嘉（中山）家居設備有限公司::合作品牌">合作品牌</a></li>

</ul>
     
    </li>
    <li><a href="Contacts.asp">联系我们</a>
     
     <ul class="right_side">
  <li><a href="About_12.asp" title="樂宜嘉（中山）家居設備有限公司::設計哲學">招商加盟</a></li>
      <li><a href="Contacts.asp" title="樂宜嘉（中山）家居設備有限公司::聯繫我們">聯繫我們</a></li>
      <li><a href="Index-1.asp" title="樂宜嘉（中山）家居設備有限公司::首  頁" >返回首頁</a></li>
     </ul>
     
    </li>

    </ul>
    </div>
为什么这个菜单总是在IE7不能浏览？
真是郁闷
用hack做法麻烦,不合理。综合本人教学及实战经验，以及对国办大部分门户网站的分析，给出以下两点建议：1、学习DIV的方法第一，掌握css语法，特别是float、clear、overflow、line-height等，对于html标签重点是div、ul、li、dl、dd等几个。
第二，其实div最好的教程就是你把qq.com 163.com  sohu.com ifeng.com这几个大门户网站的做法研究一下，如果你一下子看不懂这么大的网站，可以参考我学生开发的www.ccopen.net及www.chinajwork.org。2、让DIV兼容的方法：   靳氏兼容(ie6、ie7、ff)口决：    有浮必清，方能兼容；
    统一默认，尽量为零；
    有高则高，无高而高，
    规规整整，方能大成！
    ------ www.zuoyefeng.com  有浮必清，方能兼容
   在使用浮动标签后(float:left)，后面div一定要清除浮动(clear:left;)。这样才能兼容ie6、ie7、ff，否则将出来布局混乱。
            示例：
            <div style="float:left;width:200px;">1</div>
          <div style="float:right;width:200px;">2</div>
          <div style="clear:left;width:200px;">3</div>
  统一默认，尽量为零
  不同的浏览器默认值是不一样的。比如：对于ul li标签的margin属性，各不相同。因此，我们在做网站时，先要定义一些全局的样式表，一来约束整站，二来统计默认值。从而达到兼容之目的，这叫“统一默认”，正是“统一思想，统一战线”。  <style>
  ul,li,body{margin:0px;padding:0px;}
  div,table{margin:2px;padding:2px;overflow:hidden;}
</style>

尽量为零是指，当我们使用div的时候，尽量明确它们的margin和padding，如果不需要有间距，定义为0。
有高则高，无高而高，这两点最重点，可谓是经验中的经验。
  所谓有高则高，就是当你定义div的高度（height）的时候，一定要定义行高（line-height）。这个做法，对兼容ie6、ie7特别重要。
比如：<div style="height:2px"></div> 这个二像索高的div，在ie6和ie7中是有差别的，加上<div style="height:2px;line-height:2px;"></div>之后，就相同了，这只是一例。
无高而高，如果你想让文字或图片把div撑开，一定不要定义高度；反之，你定义了高度，ie一般可发撑开，但ff是撑不开的。
同时，当你不希望div被掌握开时，你会定义高和宽，此时，你最好再定义一个overflow:hidden; 不加滚动条;overflow:auto;自动。简言之，不对div定义高度，内容可以把div撑开，就是div跟着内容走，故言“无高而高”。
最后，我说的是，编程、做div、写代码的习惯，那就是要“像诗歌一样，讲究推敲；像风景一样，优美舒畅”。因为，你写的乱七八糟，将会越多越乱，最后整个一个豆腐渣工程。不但日后很难修改，你也不能重复利用。
OK，用我的口决，大家可以解决你DIV编程中90%以上的问题。