table overflow-x css

Question

Firefoxは、正しくスクロールしてテーブルを表示していないようです。 Safari、Chromeの両方が期待通りに表示され、オーバーフロー-xのスクロールバーが追加されます。誰かがFirefoxを応答させるための提案はありますか？

<tr> 
<td colspan="5" style="max-width:980px; overflow-x: scroll; white-space: nowrap; "> 
<table cellpadding="0" cellspacing="0" border="0" width="100%"> 
</table> 
</td> 
</tr> 

Answer 1

（たとえスペックがそうすることができるとは言っても）表のセルを直接操作できない場合があります。回避策として、セルのすべてのコンテンツを含む要素を導入し、そのセルのプロパティを設定することができます（例：

<td colspan="5"><div style="max-width:980px; overflow-x: scroll; white-space: nowrap; "> 
<table cellpadding="0" cellspacing="0" border="0" width="100%"> 
    ... 
</table></div> 
</td> 

この回避策は、Firefox（およびIE）で役立つようです。

Answer 2

テーブルレイアウト（テーブル自体の上にで始まる）を修正しない限り、セルは常にそのコンテンツのサイズになるためオーバーフローしません。