Question

请帮助我，我在带有选框标记的Internet Explorer 8中遇到一个非常小的垂直滚动条问题。这里是细节：问题快照附在此帖子中请放大以查看问题：

Html和css代码是：

<div id="divMarq" style="font-family:tahoma,arial,helvetica; font-size:11px; color:red; MARGIN-TOP:0.5CM; font-weight:bold; clear:both; height:30;">
</div>

Javascript代码是：

function elcyMessage(data){
			execute = true;
			mesg = data[0];
			var val = data[1];
			var executionState = data[2];
			
			text = "<i><font size=2>"+mesg+"</font></i>";
			var createMarquee = "<MARQUEE DIRECTION=left BEHAVIOR=scroll SCROLLAMOUNT=10 SCROLLDELAY=200>" + text + "</MARQUEE>";
			if(executionState == "NoException"){
				if(val){
					if(document.getElementById("divMarq")!=null){
						DWRUtil.setValue("divMarq","");
					}
					if(document.getElementById("divMarq2")!=null){
						DWRUtil.setValue("divMarq2",createMarquee);
					}
				}else{
					if(document.getElementById("divMarq2")!=null){
						DWRUtil.setValue("divMarq2","");
					}
					if(document.getElementById("divMarq")!=null){
						DWRUtil.setValue("divMarq",createMarquee);
					}
				}	
			}else{
				if(document.getElementById("divMarq")!=null){
					DWRUtil.setValue("divMarq",createMarquee);
				}	
			}
		}

DocType设置也是：

<!DOCTYPE HTML>
<!--[if lt IE 8]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<![endif]-->

谢谢你的帮助。

Answer 1

尝试添加

overflow: hidden;

到marquee div的css。有点像

<div id="divMarq" style="font-family:tahoma,arial,helvetica; font-size:11px; color:red; MARGIN-TOP:0.5CM; font-weight:bold; clear:both; height:30; overflow: hidden;">
</div>

这是由于div的固定高度略小于文本的行高。

<强>替代我尝试提供css问题的替代方案，因为你可以通过多种方式完成大多数事情。

你也可以：

增加div的高度。
除非javascript需要，否则完全删除高度，因此div只会自动调整内容大小。

垂直滚动条问题arround选框与Internet Explorer 8

1 个答案: