-1

我正在使用 dd 标签，但 ie / firefox 显示不同

1.ie 正常视图：没有填充，没有边距 2.firefix 奇怪的视图：一些填充或一些边距

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">문제풀이&lt;/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>

为什么不同的节目？？

4

1 回答 1

0

DD 标签只能出现在 DL 中，并且应该带有 DT。在我看来，您应该使用这样的 UL 和 LI：

<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-26T08:33:45.903 回答