收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1693|回复: 15

[求助] 在IE6 7 下碰到的奇怪问题,不知大家有没碰到过

  [复制链接]
发表于 2011-10-27 23:31:34 | 显示全部楼层 |阅读模式
以下是我页面结构跟样式

<div class="w_left1">
    <ul id="wleft_menu" class="nav_list">
      <ef="#"><img src="images/pk_news.jpg" width="204" height="34" alt="扑克新闻" /></a></li>
      <li><a href="#"><img src="images/new_hd.jpg" widli><a hrth="204" height="34" alt="最新活动" /></a></li>
      <li><a href="#"><img src="images/official _notice.jpg" width="204" height="34" alt="官方公告" /></a></li>
      <li><a href="#"><img src="images/game_bd.jpg" width="204" height="34" alt="赛事报道" /></a></li>
    </ul>
    <div></div>
    <div></div>
  </div>
<style type="text/css">
    .w_left1{
        padding:9px;
        padding-top:0px;
        width:204px;
        float:left;
}
#wleft_menu{
        width:204px;
        float:left;
        background:red;
}
ul {margin:0px;padding:0px;}
li{ marign:0px; padding:0px;}
#wleft_menu li{ width:204px; height:34px; display:block; overflow:hidden; margin:0px; padding:0px;}
#wleft_menu li a{display:block; width:204px; height:34px; overflow:hidden;}
#wleft_menu li a img{ vertical-align:top; width:204px; height:34px; display:block; overflow:hidden;}
</style>
以下是图片分别是正常的, 及ie7下的,ie 6 下的

正常ie 8 9 firefox

正常ie 8 9 firefox

ie7 bug

ie7 bug

ie 6 bug

ie 6 bug

发表于 2011-10-28 08:27:27 | 显示全部楼层
li中加入 vertical-align:middle;(也可以是别的值)应该是会好
回复 支持 反对

使用道具 举报

发表于 2011-10-28 09:44:13 | 显示全部楼层
#wleft_menu li a img{ vertical-align:top; width:204px; height:34px; display:block; overflow:hidden;}
display:block去掉
回复 支持 反对

使用道具 举报

发表于 2011-10-28 11:05:02 | 显示全部楼层

#wleft_menu li a{display:block; width:204px; height:34px; overflow:hidden;}
#wleft_menu li a img{ vertical-align:top; width:204px; height:34px; display:block; overflow:hidden;}

这二行其实都可以不写
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-28 13:13:14 | 显示全部楼层
kaiqian831122 发表于 2011-10-28 08:44
#wleft_menu li a img{ vertical-align:top; width:204px; height:34px; display:block; overflow:hidden;} ...

去掉了,上面两个是正常了,但下面两个还是有问题。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-28 13:14:48 | 显示全部楼层
majia001 发表于 2011-10-28 10:05
#wleft_menu li a{display:block; width:204px; height:34px; overflow:hidden;}
#wleft_menu li a img{ ...

不写也第一个菜单是没有问题,但下面3个还是有?
回复 支持 反对

使用道具 举报

发表于 2011-10-28 13:45:19 | 显示全部楼层
······

当然会错了····
<ef="#"><img src="images/pk_news.jpg" width="204" height="34" alt="扑克新闻" /></a></li>
看第一个<>里面写的什么
回复 支持 反对

使用道具 举报

发表于 2011-10-28 13:54:39 | 显示全部楼层
好好理理你的代码。重复无用的代码太多。然后你再看兼容问题。
回复 支持 反对

使用道具 举报

发表于 2011-10-28 13:54:41 | 显示全部楼层
好好理理你的代码。重复无用的代码太多。然后你再看兼容问题。
回复 支持 反对

使用道具 举报

发表于 2011-10-28 17:12:04 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2011-10-28 17:40:44 | 显示全部楼层
kaiqian831122 发表于 2011-10-28 13:45
······

当然会错了····

我刚开始以为是新标签呢 = =|||然后看到最后觉得应该是a标签,最后发现还少了一个li……
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-10-28 23:01:20 | 显示全部楼层
kaiqian831122 发表于 2011-10-28 12:45
······

当然会错了····

呵呵,那个我换另一种方式就好了。谢谢
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-11-10 22:11:52 | 显示全部楼层
sneezeboy 发表于 2011-10-28 12:54
好好理理你的代码。重复无用的代码太多。然后你再看兼容问题。

嗯,清理cms代码时无意给删掉了。
回复 支持 反对

使用道具 举报

发表于 2011-11-12 20:39:42 | 显示全部楼层
thomaspha 发表于 2011-11-10 22:11
嗯,清理cms代码时无意给删掉了。

会错意了哦!

我的意思是你的代码中存在很多重复和无意义的代码。结构稍显复杂。
回复 支持 反对

使用道具 举报

发表于 2011-11-12 20:42:40 | 显示全部楼层
thomaspha 发表于 2011-11-10 22:11
嗯,清理cms代码时无意给删掉了。

会错意了哦!

我的意思是你的代码中存在很多重复和无意义的代码。结构稍显复杂。
回复 支持 反对

使用道具 举报

发表于 2011-11-13 01:40:51 | 显示全部楼层
太乱了吧。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-1-23 09:34 , Processed in 0.132476 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表