레이아웃에 CSS가 적용되지 않습니다. 왜 내가 잘못한거야?

Question

현재 테이블 레이아웃 대신 div 레이아웃을 사용하고 있습니다. 나는 CSS로 고투하고있다. 내 스타일은 CSS 파일이로드 되어도 적용되지 않는 것 같습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

.CategoryHeader 
{ 
    font-family: Verdana; 
    font-size: 10pt; 
    color: #2151b1; 
    text-align: left; 
    padding-bottom:3px; 
    padding-top:3px; 
} 

.CriteriaHeader { 
    font-family: Verdana; 
    font-size: 10pt; 
    text-align: left; 
    padding-bottom:3px; 
    padding-top:3px; 
} 

.divTable { 
     display: table; 
     border: none; 
     width:100%; 

} 

.divTR { 
     display: table-row; 
     width: 100%;  

    } 

.divTD { 
    display: table-cell; 
    margin-bottom:22px; 
    } 


<div class="divTable">   
    <div class="divTR">  
     <div class="divTD"> 
      <LABEL class="CriteriaHeader">Number</LABEL> 
     </div> 
    </div> 
    <div class="divTR"> 
     <div class="divTD"> 
      <asp:TextBox id="txtNumber" runat="server" CssClass="Textbox" ToolTip="Enter Number to search"></asp:TextBox> 
     </div> 
    </div> 
    <div class="divTR">  
     <div class="divTD"> 
      <LABEL class="CriteriaHeader">Description</LABEL> 
     </div> 
    </div> 
    <div class="divTR">  
     <ajaxToolkit:ListSearchExtender ID="cboDesc_ListSearchExtender" runat="server" 
      Enabled="True" TargetControlID="cboDesc" PromptCssClass="ListSearch"> 
     </ajaxToolkit:ListSearchExtender>    
     <div class="divTD"> 
      <asp:DropDownList id="cboDesc" runat="server" CssClass="DropDownList" ToolTip="Choose description to search"></asp:DropDownList> 
     </div> 
    </div> 
</div>  

<div> 
     <asp:Button id="btnSearch" runat="server" Text="Submit" CssClass="Button"></asp:Button>&nbsp; 
     <asp:Button id="btnClear" runat="server" Text="Clear" CssClass="Button"></asp:Button> 
</div> 

Answer 1

대신 많은 테이블 속성을 사용하여, 당신은/absolute/fixedposition:relative, display:inline/inline-block를 사용할 수 있습니다. 그들은 IE6 + 및 비 IE 브라우저와 절대적으로 호환됩니다. 테이블, 테이블 행, 테이블 셀과 마찬가지로, 이들은 IE 브라우저에 절대적으로 필요한 것은 아닙니다.