ie6 bug,文本在div中裁剪

时间:2010-03-06 13:44:17

标签: css internet-explorer html internet-explorer-6

我有这个简单的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所以它的作用是实际上“剪切”我的文字而它只显示“对不起......稍后再试!” 我谷歌没有任何令人满意的结果。你有解药吗?

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

宽度不是问题吗? 15px是相当大的字体大小和170px不是很大的空间。尝试增加宽度(或只是删除它)。首先设置'宽度:100%;'看看是否有问题,然后开始将其切回,直到它适合。

答案 2 :(得分:0)

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

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

从历史上看,修复方法是使用position:relative为问题div的父div设置样式。如果它有效,那么你很幸运。

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

  

这种效果可能会在许多不同的背景下出现。我们会尝试在这里列出它们,但页面会变得很长,让我们头疼。

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

玩得开心:)