2012-03-04 8 views
-1

内のHTMLコンテンツをズーム次に例を示します。ここリサイズは、TD

<table> 
    <tr> 
     <td width="400px" id='myTD'></td> 
    </td> 
</table> 

は、外部コードです:

protected string GetHtml() 
{ 
    return "<table><tr><td width="800px"></td></tr></table>"; 
} 

「myTD」の幅がの幅よりも小さいので、表示されたコードがメインテーブルの境界から外に出ている外部コードは、メインテーブルをより広くするために 'myTD'のinnerHTMLを必要としません。外部のHTMLコードが外部から与えられているように私は、幅または高さは、コードのために不可欠となり、これがないであろう知っていることは決してないだろうと私は破滅せずにそれを変更することはできませんことを言えば十分 。

+0

何が起こっているかのメカニズムは少し不明です。もっと説明してください。 'px'を取り除くか、幅をインラインスタイルに変更します。 –

+0

返された値をGetHTML()から 'myID' innerHTMLにロードしようとしていますが、innerHTMLの幅が 'myTD'の幅よりも大きいため、テーブル全体が幅を持ちます。 –

+0

OK、どうしたらいいですか?残りのコンテンツを非表示にするか、水平スクロールバーを表示させたいですか? –

答えて

0

これは、すべてのブラウザと互換性のある方法で、簡単ではありませんでしたが、私はこれを思いつきました。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style> 
    #myID {width:400px; overflow:scroll} 
    </style> 
</head> 
<body> 
    <table> 
    <tr> 
    <td><div id='myID'> 

    <table><tr><td width="800"><hr style="width:792px"</td></tr></table> 

    </div></td> 
    </tr> 
    </table> 
</body> 
</html> 

(またはjsFiddle)。つまり、スクロールバーを取得するtdの中に新しい要素を追加します。 overflow:scrollを表のセルに適用しようとしても、すべてのブラウザで同じように動作しません。
これを使用できますか?