2012-02-20 23 views
0

に表示されません。 例テーブルには、次のようになります。表は私のテーブルがIE7に表示されませんいくつかの理由についてIE7

<table class="stringingTable"> 
<tbody> 
<tr> 
<td class="selected">.</td> 
<td>,</td> 
<td>and</td> 
<td>also</td> 
<td>but</td> 
<td>however</td> 
<td>whereas</td> 
</tr> 
</tbody> 
</table> 

関連するCSSは次のようになります。

stringingTable { 
    position: relative; 
    width: 70px; 
    height: 30px; 
    background: #9A2F00; 
    text-align: center; 
    font-size: 0.8em; 
    line-height: 1em; 
    cursor: pointer; 
    cursor: hand; 
} 

.stringingTable td.selected { 
    display: table-cell; 
} 

.stringingTable td { 
    word-wrap: break-word; 
    max-width: 70px; 
    display: none; 
} 

テーブルにはすべての近代的なブラウザで罰金を示したが、これはNIでの教師のためのウェブサイトです(すべての人使用するIE7はC2k

+1

一つは、単にIE7のためのWebページをデザインしません。 –

+0

試した 'zoom:1'? – powerbuoy

+0

IE7と互換性のあるWebページをデザインすることを意味します。 ズーム:1、あなたの完全なHTMLを投稿することができ –

答えて

1

Internet Explorerのバージョンが8未満の場合、table,inline-table、およびすべてのプロパティがtable-*のCSSテーブルの表示プロパティはサポートされません。残念ながらdisplay: noneとしてそれらのセルを設定することで、あなたは(あなたが戻っ表のセルにそれらを設定することはできませんと)表の外観を変更することなく、それらを再表示することができません。

具体的なケースで役立つかどうかわかりませんが、代わりにvisibility: hiddenvisibility: visibleで試してみることができます。

+0

よろしくお願いします。私は、javascript関数を使用して、表のセルを使用する代わりにdiv内のインライン要素を垂直方向にセンタリングすることにしました –

0

display: none;をすべてTDに使用しているため、すべてを非表示にしています。私はdisplay: noneを削除しない場合、それはどちらか私のためにChromeで表示されません。

+0

トップtdが表示に設定されている.selectedクラス有する:表のセルを、 –

関連する問題