IE 7 : 테두리가 의도 한대로 작동하지 않습니다.

HTML 테이블을 정의했으며 CSS가 IE 9와 IE 7 (해킹 유무와 상관없이) 모두에서 작동해야합니다. "일 .grid_header"단지 경계 왼쪽 THEAD에 정의 된 색으로 표시, IE 7에서 잘 작동하지 않습니다IE 7 : 테두리가 의도 한대로 작동하지 않습니다.

.grid 
{ 
border: 1px solid #C3C3C3; 
background-color: #D5E0FF; 
color: #555555; 
font-size: 11px; 
border-collapse: collapse; 
clear: both; 
float: left; 
margin-top: -5px; 
} 

.grid td 
{ 
border: 1px solid #C3C3C3; 
*padding: 6px 5px 6px; 

} 

.grid_center_align 
{ 
text-align: center; 
} 

.grid_data_lotes 
{ 
width: 120px; 
text-align: center; 
} 

.grid_header 
{ 
background-color: #02325E; 
color: #FFFFFF; 
text-decoration: none; 
} 

.grid_header a 
{ 
color: #FFFFFF; 
text-decoration: none; 
} 

.grid_header a:hover 
{ 
color: #FFFFFF; 
text-decoration: underline; 
} 

.grid_header th 
{ 
border: 1px solid #111111; 
}

클래스 : 내 CSS는 설명한다. 아무도 해결책을 안다면?

미리 감사드립니다.

업데이트 :

헤더 코드 :

<thead> 
    <tr class="grid_header"> 
     <th scope="col"> 
      <a>Name</a> 
     </th> 
     <th scope="col"> 
      <a>Status</a> 
     </th> 
     <th scope="col"> 
     </th> 
     <th scope="col"> 
     </th> 
    </tr> 
</thead>

출처

2012-02-13 Leila

CSS에 튀어 나오는 문제가 있는지 확인하지 마십시오. (''이 나머지 텍스트와 동일하게 보이지 않는다는 것을 제외하고는) html을 보여줄 수 있습니까? –

코드를 html로 업데이트했습니다. – Leila

IE7이 border-spacing 매우 좋지 않다. 특별한주의가 필요합니다.

border 특성을 테이블에서 제거하고 border을 th으로두면이 특정 예에서 예상대로 작동합니다. 그게 너에게 효과가 있니?

출처

2012-02-13 14:12:57

네, 고마워요! :) – Leila

IE 7 : 테두리가 의도 한대로 작동하지 않습니다.

답변

관련 문제