HTML标签DD ploblem

-1

我使用DD标签但IE/Firefox中显示不同势HTML标签DD ploblem

1.ie 例正常看法：无填充，无余量 2.firefix Strange观点：一些填充或一定的余量

HTML源代码是

DD标签对准是左，无余量，填充

HTML源

<STYLE> 
.sortable { list-style-type: none; margin: 0 0 0 0 ; padding: 0 0 0 0; width: 100%; float:left; } 
.sortable li { float:left; width:100%; } 
.sortable li dd { 
    float:left; 
    text-align:left; 
    border:thin inset; 
} 
.sortable #topmenu dd { background-color:#e7e7e7;} 
.sortable li .seq {width:4%;} 
.sortable li .mdp {width:11%;} 
.sortable li .korname {width:10%;} 
.sortable li .chrCd {width:10%;} 
.sortable li .name {width:30%;} 
.sortable li .direct {width:18%;} 
.sortable li .result {width:7%;} 
.liList { 
    font-family: 굴림,arial; 
    font-size: 9pt; 
    line-height: 11pt; 
    text-decoration: none; 
    height:17px; 
    text-align:center;  
}  
</STYLE> 
<div> 
<ul class="sortable"> 
    <li class="liList" id="topmenu"> 
     <dd class="seq"><b>번호</b></dd> 
     <dd class="mdp"><b>MDP구분</b></dd> 
     <dd class="korname"><b>학습단계</b></dd> 
     <dd class="chrCd"><b>강좌코드</b></dd> 
    </li> 
</ul> 
<ul id="sortable" class="sortable"> 
    <li class="liList"> 
      <dd class="seq" id="re">5</dd> 
      <dd class="mdp">MDP</dd> 
      <dd class="korname">특강</dd> 
      <dd class="chrCd" id="chrCd_1">12131</dd> 
    </li> 
    <li class="liList"> 
      <dd class="seq" id="re">4</dd> 
      <dd class="mdp">MDP</dd> 
      <dd class="korname">문제풀이</dd> 
      <dd class="chrCd" id="chrCd_2">12227</dd> 
    </li> 
    <li class="liList"> 
      <dd class="seq" id="re">3</dd> 
      <dd class="mdp">MDP</dd> 
      <dd class="korname">특강</dd> 
      <dd class="chrCd" id="chrCd_3">12215</dd> 
    </li> 
    <li class="liList"> 
      <dd class="seq" id="re">2</dd> 
      <dd class="mdp">MDP</dd> 
      <dd class="korname">기본완성</dd> 
      <dd class="chrCd" id="chrCd_4">12171</dd> 
    </li> 
    <li class="liList"> 
      <dd class="seq" id="re">1</dd> 
      <dd class="mdp">MDP</dd> 
      <dd class="korname">기본완성</dd> 
      <dd class="chrCd" id="chrCd_5">12147</dd> 
    </li> 
</ul>

为什么不同势秀？

来源

2012-09-26 kingroot2

对不起遗漏样式标记 – kingroot2

您的HTML无效。使用[验证程序]（http://validator.w3.org）。一个项目列表很少有意义。一个li不能是dd的父节点。没有dt的dd没有意义。 – Quentin

DD标签只能出现在DL中，并且应该伴随一个DT。在我看来，你应该使用UL和LIs这样的：

<ul class="sortable"> 
    <li class="liList" id="topmenu"> 
     <ul> 
      <li class="seq"><b>번호</b></li> 
      <li class="mdp"><b>MDP구분</b></li> 
      <li class="korname"><b>학습단계</b></li> 
      <li class="chrCd"><b>강좌코드</b></li> 
     </ul> 
    </li> 
</ul>

来源

2012-09-26 08:33:45 graphicdivine

我找到解决方案，dd父dt标签li> dd - >> dl> dt> dd 谢谢你的回答 – kingroot2

HTML标签DD ploblem

回答

相关问题