打印

[求助] IE中发现新BUG "重影"

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

1^# 大中小发表于 2005-2-17 11:06

复制内容到剪贴板

代码:

<!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 type="text/css">

#top4

{

    width: 75px;

    height: 75px;

    margin-top: 5px;

    padding: 0px;

    float: left;

    text-align: center;

    background-image: url(../images/index/top4.gif);

    background-repeat: no-repeat

}

#mainmenu

{

    width: 770px;

    height: 30px;

    float: right!important;

    font-size: 12px;

    padding-top: 6px!important;/* 修正IE的CSS盒模型BUG */

    padding-top: 4px;

    background-image: url(../images/index/mainmenu.gif);

}

</style>

</head>

<body>

<!-- 页面内容开始 -->

<div>

<div id="top4">05-1-31<br />星期一<br />10:28</div> 

<!-- 页面顶部网站主菜单部分 -->

<div id="mainmenu">主页 | 新闻 | 云南 | 地产 | 法律 | 报刊 | 娱乐 | 文化 | 教育 | 健康 | 旅游 | 时尚 | IT | 汽车 | 各地 | 专题 | 短信 | 邮件</div>

</div>

</body>

</html>

大家看影子了吗? 最后一个字

来自SKY，拥有无限自由！

TOP

西部数码分布式集群主机傲视群雄 | Adobe设计师狂欢节在线讲座免注册进入

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

2^# 大中小发表于 2005-2-17 11:08

提示：您可以先修改部分代码再运行

来自SKY，拥有无限自由！

TOP

PSD网页模板下载,高端实用 | 俄罗斯大蜘蛛反病毒软件

mirycat

CK同伈鎖

荣誉管理团队

帖子: 4634
体力: 12167
威望: 362
当前: 上海黄浦
离线: 25 天

专长 AS,策划,项目管理

3^# 大中小发表于 2005-2-17 11:28

没有.估计是你显示器问题

TOP

国际动画人才海外高薪就业

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

4^# 大中小发表于 2005-2-17 11:31

IE6下看看

最后邮件那多出来"件"你以为是我打上去的吗?? 看看代码

来自SKY，拥有无限自由！

TOP

明天教室职业插画师培训计划

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

5^# 大中小发表于 2005-2-17 11:32

修正代码

提示：您可以先修改部分代码再运行

来自SKY，拥有无限自由！

TOP

lchuilu

初级会员

帖子: 58
体力: 115
威望: 0
当前: 北京朝阳区
离线: 190 天

专长 前端制作,AS,网络

6^# 大中小发表于 2005-2-17 11:44

我是ie6。没发现。也许ie5有这个bug

TOP

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

7^# 大中小发表于 2005-2-17 11:48

???
第一个代码运行有重影, 我说的重影不是有影子看不清楚,而是最后一个字会出现两次

第二个是已经修正过的!

不可能你们机器都没有,我这里10台机器加本本都问题吧!

来自SKY，拥有无限自由！

TOP

mirycat

CK同伈鎖

荣誉管理团队

帖子: 4634
体力: 12167
威望: 362
当前: 上海黄浦
离线: 25 天

专长 AS,策划,项目管理

8^# 大中小发表于 2005-2-17 12:49

偶就是IE6啊..没发现问题

TOP

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

9^# 大中小发表于 2005-2-17 12:53

不可能你点下面的代码

提示：您可以先修改部分代码再运行

你有没有看到 "邮件件"三个字而且实际代码里只有邮件两个字

来自SKY，拥有无限自由！

TOP

fankejing [楼主]

新手上路

帖子: 76
体力: 22
威望: 0
离线: 1559 天

10^# 大中小发表于 2005-2-17 15:09

我知道是什么
问题

提示：您可以先修改部分代码再运行

来自SKY，拥有无限自由！

TOP

一叶千鸟

中级会员

帖子: 651
体力: 450
威望: 2
当前: 北京海淀区
离线: 1 天

11^# 大中小发表于 2005-2-17 15:12

我觉得你该帖出图片，加上代码大家更容易接受。我IE6环境测试一切正常

至于你所指出BUG，建议在不同浏览器，至少不同版本，多台机器测试再下结论，不要妄下断章。

个人网站 http://rexsong.com

TOP

mirycat

CK同伈鎖

荣誉管理团队

帖子: 4634
体力: 12167
威望: 362
当前: 上海黄浦
离线: 25 天

专长 AS,策划,项目管理

12^# 大中小发表于 2005-2-17 15:53

fankejing在上个帖子中说

引用:

我知道是什么
问题
<!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 type="text/css"> #div1 { width: 770px; } #top4 { width: 75px; height: 75px; margin-top: 5px; padding: 0px; float: left; text-align: center; background-image: url(../images/index/top4.gif); background-repeat: no-repeat } #mainmenu { width: 770px; height: 30px; float: right!important; font-size: 12px; padding-top: 6px!important;/* 修正IE的CSS盒模型BUG */ padding-top: 4px; background-image: url(../images/index/mainmenu.gif); } </style> </head> <body>  <div id="div1"> <div id="top4">05-1-31<br />星期一<br />10:28</div>  <div id="mainmenu">主页 | 新闻 | 云南 | 地产 | 法律 | 报刊 | 娱乐 | 文化 | 教育 | 健康 | 旅游 | 时尚 | IT | 汽车 | 各地 | 专题 | 短信 | 邮件</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

看到了-_-

TOP

PorkFat

辛豆瑞拉

中级会员

帖子: 2027
体力: 359
威望: 11
当前: 北京海淀区
离线: 34 天

专长 UI,前端制作,UE

13^# 大中小发表于 2005-2-17 18:33

我来放一个清爽整理版

提示：您可以先修改部分代码再运行

我

TOP

kendynisslew

银牌会员

帖子: 1929
体力: 1052
威望: 1
当前: 广东深圳
离线: 3 天

14^# 大中小发表于 2005-2-17 19:13

哈啊
我这里也很奇怪

当窗口没有最大化的时候，就可以看到件字多出来了

当窗口最大化了件字就没有了
我的是 1024*768的分辨率。。。。

X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*
听说是病毒特征代码。

TOP

ambushaa

高级会员

认证
帖子: 208
体力: 544
威望: 7
当前: 北京朝阳区

专长 网页设计,JS,C#

15^# 大中小发表于 2006-2-28 21:59

原因是外围宽度与总宽度不符。不过不是真的不符，在IE中需要留出大约几个象素。总之根据不同的情况，将内部DIV宽度减少一点，就能解决问题。减多少没有规律，我在多次设计中出过这个问题。

如果能够得到永生，那么失去阳光又算得了什么呢？

TOP

yibote

中级会员

帖子: 439
体力: 420
威望: 0
离线: 20 天

16^# 大中小发表于 2006-2-28 22:47

看了半天了.还是没明白怎么回事的啊.?

但愿我不再浮躁,每天进步一点点-------- [易博特]精彩世界YIBOTE.COM

http://y

TOP

xiaopaoche

新手上路

帖子: 30
体力: 0
威望: 0
离线: 347 天

17^# 大中小发表于 2006-2-28 23:42

我在制作我的网站时候也出现过很多次这个现象，同时在 Firefox 里看就是正确的
经过多次试验发现是注释出现的问题如果连续写注释（在div标记前或结束后）就会出现文字或图片的换行显示~~ 也许是ie的bug~~

我就是我小跑
www.xiaopaoche.com
www.myvalues.net

TOP

aoao

地狱之歌

荣誉管理团队

认证
帖子: 301
体力: 321
威望: 24
当前: 北京海淀区
离线: 8 天

专长 前端制作,产品设计

18^# 大中小发表于 2006-3-1 00:09

PorkFat在上个帖子中说

引用:

我来放一个清爽整理版
<!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> </head> <body> <div style="width:400px"> <div style="float:left"></div>  <div style="float:right;width:400px">↓这就是多出来的那只猪</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

提示：您可以先修改部分代码再运行

嗷嗷囩：珍惜生命远离Firefox
我曾经写了本书叫《Web标准设计》，不过有点过时了。

TOP

zxfly

银牌会员

帖子: 873
体力: 1032
威望: 0
当前: 福建厦门
离线: 124 天

专长 网页设计,UI

19^# 大中小发表于 2006-3-1 08:21

PorkFat在上个帖子中说

引用:

我来放一个清爽整理版
<!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> </head> <body> <div style="width:400px"> <div style="float:left"></div>  <div style="float:right;width:400px">↓这就是多出来的那只猪</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

传说中的猪又出现了！

TOP

babysize

babysize

中级会员

帖子: 316
体力: 303
威望: 2
离线: 34 天

20^# 大中小发表于 2006-3-1 11:47

嗯，是注释bug
要么clear，要么注释位置变一变，有时候在最后加空DIV也可。

TOP

HKtity

初级会员

帖子: 45
体力: 84
威望: 0
离线: 777 天

21^# 大中小发表于 2006-11-9 13:49

谢谢,哈哈```

TOP

maxreal

中级会员

帖子: 107
体力: 212
威望: 0
离线: 57 天

22^# 大中小发表于 2006-11-9 14:06

nothing ~

TOP

blank

怿飞

荣誉管理团队

认证
帖子: 2357
体力: 3483
威望: 125
当前: 浙江杭州
离线: 1 天

专长 前端制作,JS,WAP

23^# 大中小发表于 2006-11-9 17:36

对此话题的讨论：http://bbs.blueidea.com/thread-2692486-1-1.html

个人Blog：PlanABC 团队Blog：淘宝UED 专注Web前端技术！

TOP

singbird

初级会员

帖子: 59
体力: 118
威望: 0
当前: 福建福州
离线: 227 天

24^# 大中小发表于 2006-11-10 09:07

IE7下面看才会有这样的问题吧

IE 7.0 版本看很多文字都会被柔化，如果一定要竖线可以不使用 |
建议：border-right: 1px solid #999; 这样就是很清晰的竖线了

除了鼠标,我一无所有

TOP

remain

残缺

银牌会员

帖子: 1169
体力: 1282
威望: 4
当前: 天津河东
离线: 14 天

25^# 大中小发表于 2006-11-10 09:15

这是注释bug，经典的ie bug。

今天比昨天强一点

TOP

gartional

高级会员

帖子: 529
体力: 882
威望: 0
当前: 北京朝阳区
离线: 24 天

专长 前端制作,产品设计,网站运营

26^# 大中小发表于 2006-11-10 09:50

都是狠人，佩服·····

我的

TOP

webking

新手上路

帖子: 8
体力: 27
威望: 0
离线: 446 天

27^# 大中小发表于 2007-3-5 17:58

原因是这样的：
<div style="float:left;"></div>里面虽然没写内容，但ie默认为存在一个字符。所以加上float:right那个400px宽的div之后总宽度就超过外层设定的400px了。改成<div style="float:left;display:none;"></div>就能修复。同样，div之间不写内容的话ie里面也会自动留出一个line-height的空行来。

TOP

kuzi1314

外号牛13

银牌会员

帖子: 482
体力: 1402
威望: 0
当前: 浙江温州
离线: 2 天

28^# 大中小发表于 2007-4-25 21:53

IE注释BUG，跟在</div>后面写

认真！
细心！

TOP

ylzxy5800

初级会员

帖子: 46
体力: 94
威望: 0
离线: 518 天

29^# 大中小发表于 2008-9-5 19:37

注释在IE中造成文字溢出的研究(IE BUG)及其实例演示
http://www.cssplay.org.cn/css-hack/20080905/736.html

TOP