HTML中的DTD有关问题，大侠

2012-02-11

HTML中的DTD问题，请教各位大侠我写了一段HTML代码，没有加DTD之前，在IE8中显示很正常，但是加了DTD之后，在IE

HTML中的DTD问题，请教各位大侠
我写了一段HTML代码，没有加DTD之前，在IE8中显示很正常，但是加了DTD之后，在IE8中显示效果就有点错位，是什么原因啊，怎样让加了DTD之后的代码显示正常呢？
以下是我的HTML代码：

HTML code

<html><head><style type="text/css"> #first{width:350px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#second ul{list-style-type:none;}</style></head><body> <div id="first">  <ul>    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>  </ul> </div> <div id="second">        <ul>         <li>[12.27]</li>      <li>[12.27]</li>      <li>[12.27]</li>      <li>[12.27]</li>  </ul> </div></body> </html>

以下是我的DTD声明：

HTML code

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">

[解决办法]
#second ul{list-style-type:none;float:left;}
看看这样是不是你要的效果~
大家一起学习~
[解决办法]
#first{width:350px;float:left;}
#first li{width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second{float:left;}
#second ul{list-style-type:none;}

热点排行

CSS

HTML中的DTD有关问题，大侠