ascxを縮小して固定divに収める方法はありますか？

Question

私はascxコントロールを持っており、私は自分のページのdivに収まる必要があります。私はそれをスクロールしたくない。正しくフィットさせるためにサイズを小さくすることはできますか？ラベルは大丈夫だと思われますが、表のセルやテキストボックスの一部が収縮する可能性があり、うまく収まると思います。私はascxのテキストボックスでjQueryを選択し、幅を減らすことを考えていました。一つの懸念事項は、これらのテキストボックスがその長さに "cols"属性を使用することです。その値を現在のものまたは何かの75％に設定できますか？ jQueryのテーブルの特定の列を取得し、それらのセルだけを操作できますか？一部の列は幅を保持する必要があり、他の列は明確に縮小できます。

私はアプリ全体で使用されている既存のascxを変更したくなく、利害関係者はこのページで同じコントロールを使用したいと考えています。

ありがとうございました。 〜ck in San Diego

Answer 1

ハードコードされたスタイルをCSSと！importantフラグで乗り越えることができます。私はそれがオーバーキルだと思うので、私はこれにjavascriptを使用しません。

Answer 2

DIVを含むように固定サイズを設定し、スクロール可能にするのはなぜですか。すべてCSSを使用しています。 ASCXの変更やその他の必要はありません...

Answer 3

私はあなたが単にこれをCSSを使うことができると思います。 <div>には"myDiv"などのidという属性を付けます。あなたは<div>とその子要素のスタイルをCSSを使用することができます

ザ・：

#myDiv { 
    width: 500px; 
    height: 500px; 
} 

/* textarea within #myDiv */ 
#myDiv textarea { 
    width: 100px; 
} 

/* td within #myDiv */ 
#myDiv td { 
    width: 50px; 
} 

私はCSS widthプロパティの値がtextareaのcols属性よりも優先されると信じている（それは私のブラウザで行いました - Firefox 3.0では、他のブラウザでテストしたいと思っています）。 jQueryを使用せずにCSSで行う必要がある作業を行うことができるはずですが、jQueryでもやっていることをやり遂げることができます。