2012-02-13 13 views
1

私はhtmlテーブルを定義しました。IE 9とIE 7(ハックありまたはなし)の両方でCSSが必要です。 「第.grid_header」のみのborder-left THEADには、定義された色で表示され、IE 7でうまく動作しないIE 7:borderが意図したとおりに動作しない

.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> 

答えて

1

IE7はborder-spacingと非常に良好ではありません。特別な注意が必要です。

border属性をテーブルから削除すると、borderthのままにしておくと、この特定の例では正常に動作します。それはあなたのために働くのですか?

+0

はい、ありがとう! :) – Leila

関連する問題