CSS가 작동하지 않습니다.

Question

가끔은 댕이 작동하고 다른 때에는 그렇지 않습니다. 내 애플 리케이션에 많은 테이블을 가지고 있고 CSS 모두가 작동하고있다. 이것을 제외하고는 다른 점이 없습니다. CSS가 적용되지 않았기 때문에 하나님은 이유를 알고 계십니다. 도움.

table.catalogContainer 
{ 
    border: none; 
    padding: 50px; 
    margin-left: 100px; 
    margin-right: 100px; 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 

td.catalogCell 
{ 
    border: none; 
    padding: 30px, 20px, 50px, 20px; 
} 

<div id = "catalog"> 
     <table class = "catalogContainer"> 
      <% while ((category = Helper.GetNextCategory(categoryIndex++)) != null) 
       { %> 
       <tr> 
        <td class = "catalogCell"> 
         <img src = "../../Content/Category.gif" 
         width = "25px" height = "25px" alt = "Category" /> 

         <b> 
          <%= Html.ActionLink(category.Name, 
            "DisplayCategory", 
            "Catalog", 
            new { id = category.Id }, 
            null) %> 
         </b> 
        </td> 

        <td> 

        </td> 
       </tr> 
      <% } %> 
     </table> 

확인 업데이트, 나는 문제를 발견했다. 테이블에 나타나고 있던 국경은 여전히 ​​수업을 적용하지 않은 두 번째 때문입니다.

Answer 1

스크립트가 실행되는 동안 CSS가 시간 내에 가져 오지 않을 수 있습니다. 스타일 시트에 다음과 같은 패턴을 시도해보십시오

#catalog table 
{ 
    ... 
} 
#catalog table td 
{ 
    ... 
}

편집 나는 문제를 발견했습니다 참조

. 그럼에도 불구하고 위와 같이 캐스케이드를 조금 더 효과적으로 사용하여 구현을 약간 정리할 수 있습니다.

Answer 2

어떤 브라우저로 테스트하고 있습니까? 페이지 소스를 보았을 때 모든 것이 정상적으로 보입니까? 어쩌면 페이지의 해당 섹션에 대해 생성 된 소스 HTML을 게시 해보십시오. 템플릿 코드가이 특정 테이블 (페이지 렌더링에 영향을 미칠 수 있음)에 대한 HTML을 손상시키는 나쁜 요소를 출력 할 수도 있습니다.

CSS 문제를 해결할 때 Firebug가 매우 유용합니다. 특정 스타일에 적용되는 스타일을 쉽게 볼 수 있습니다. 이 도구를 사용하여 요소를 선택하고 모든 종류의 CSS 정보를 볼 수 있으며 즉시 다른 값을 시도 할 수도 있습니다.

또한 축약어 td.cataglogCellare의 쉼표는 필요하지 않으며 여러 브라우저/버전에서 일부 문제가 발생할 수 있습니다.

또한 덧붙여 <b > 태그를 사용하여 콘텐츠를 마크 업하면 안됩니다. <em> 또는 <strong>은 의미 상 훨씬 뛰어나며 필요한 프레젠테이션을 만들 수 있습니다.