Question

我正在努力调整ie6中的一些和元素。它在ie7和firefox中看起来很好，但dt元素没有出现在ie6中。有人可以帮忙吗？这是代码..

<div id="listMembers">  
  <h3>Members</h3>
   <dl class="myDL">        
       <dt>Name</dt>        
       <dd>John Smith</dd>      
       <dt>Address</dt>
       <dd>the street</dd> 
       ...  
     </dl>  
     <div id="listOptions">         
        <div>
          <table>...</table>
        </div>
     </div> 
 <div>

和css： -

DL.myDL {
    BORDER-RIGHT: black 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: black 2px outset; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #ccbe99; PADDING-BOTTOM: 2px; BORDER-LEFT: black 2px outset; WIDTH: auto; PADDING-TOP: 2px; BORDER-BOTTOM: black 2px outset; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif
}
DL.myDL DT {
    CLEAR: both; PADDING-RIGHT: 3px; DISPLAY: inline; 
    FLOAT: left;    
    WIDTH: 250px; TEXT-ALIGN: right
}

我基本上希望dt文本与右侧对齐，而右侧的dd与左对齐文本对齐。我在css中的所有其他元素之前将所有元素的边距重置为0，并且元素在位置相对的潜水中。

Answer 1

您需要在DL上强制使用hasLayout。例如，添加DL.myDL { zoom:1 }

如何在IE6中对齐定义列表？

1 个答案: