2010-03-06 16 views
0

裁剪我有这个这个简单的divIE6的bug,文本内的div

<div id="error_message">Some bad things happened here, sorry... try again later!</div> 

css

#error_message 
{ 
    width:170px; 
    height:44px; 
    color:green; 
    font-size:15px; 
    margin-left:10px; 
    text-align:center; 
} 

确定,如我所料再次ie6踢我的屁股:D所以什么确实是“剪切”我的文字,它只显示“抱歉...稍后再试!” 我谷歌它没有任何令人满意的结果。你有解药吗?

+1

拖放支持和鼓励用户迁移到一个现代浏览器。说真的,连微软都送花给了IE6的葬礼:http://blog.seattlepi.com/microsoft/archives/196608.asp – tvanfosson 2010-03-06 13:48:15

+1

我知道..我真的知道并且等了很久......但是..这个选项不适用于我:D我必须这样做,并“停止抱怨”:D – kmunky 2010-03-06 13:53:49

+0

您的HTML或CSS中还有其他事情要做。还有哪些其他规则影响该div?周边地区? – 2010-03-06 16:03:22

回答

0

不要设置高度。无论如何你不需要它。

+0

不能正常工作.... – kmunky 2010-03-06 14:19:10

+0

尝试使div非常宽...说,宽度:300px ...并查看文本的其余部分是否显示出来。 – Robusto 2010-03-06 14:53:51

0

宽度是不是问题? 15px是相当大的字体大小和170px是不是很大的空间。尝试增加宽度(或仅删除它)。首先设定'宽度:100%;'看看是否是这个问题,然后开始削减它,直到它适合。

+0

@Tom,在任何其他浏览器中都能正常工作... – kmunky 2010-03-06 21:51:54

0

这听起来像臭名昭着的IE6消失文本错误。

http://www.google.com/search?q=ie6+disappearing+text

历史上,解决方法是风格你的问题的div的父DIV与position:relative。如果它有效,你很幸运。

是什么原因导致问题?一个人说:

这种效应可能会在许多不同的情况下出现。我们会尽力在此列出,但页面会变得很长,并且会让我们的头部受伤。

- http://www.positioniseverything.net/explorer/peekaboo.html

对IE6的乐趣:)