Gibt es eine Möglichkeit, ein Ascx zu verkleinern, damit es in ein festes Div passt?

Question

Ich habe eine ASCX-Kontrolle und ich muss in ein Div auf meiner Seite passen. Ich möchte es nicht scrollen. Kann ich die Größe reduzieren, damit sie richtig passt? Die Etiketten scheinen in Ordnung zu sein, aber einige der Tabellenzellen und Textfelder könnten geschrumpft sein und ich glaube, dass es gut passt. Ich dachte darüber nach, eine jQuery-Auswahl an den Textfeldern in der Ascx vorzunehmen und ihre Breiten zu reduzieren. Ein Problem besteht darin, dass diese Textfelder das Attribut "cols" für ihre Länge verwenden. Kann ich diesen Wert auf 75% von dem setzen, was er gerade ist oder so? Können Sie bestimmte Spalten einer Tabelle in jQuery erfassen und nur mit diesen Zellen arbeiten? Einige Spalten müssen ihre Breite beibehalten, während andere deutlich verkleinert werden können.

Ich möchte nicht die vorhandene Ascx ändern, wie sie in der App verwendet und die Stakeholder wollen das gleiche Steuerelement auf dieser Seite verwenden.

Danke für jeden Hinweis. ~ ck in San Diego

Answer 1

Sie können die hart codierten Stile mit CSS und der! Wichtigen Flagge überfahren. Ich würde Javascript dafür nicht verwenden, da ich denke, dass das ein Übertöd ist.

Answer 2

Warum legen Sie keine feste Größe für das DIV fest und legen Sie es als scrollbar fest. Alles mit CSS. Keine Notwendigkeit für ASCX Änderungen oder etwas anderes ...

Answer 3

Ich denke, Sie könnten einfach CSS dafür verwenden. Geben Sie <div> ein id Attribut wie "myDiv" oder was auch immer.

Die CSS können Sie die <div> und seine untergeordneten Elemente stylen:

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

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

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

Ich glaube, dass der CSS width Eigenschaftswert Vorrang vor den textarea ‚s cols Attribute nehmen (es ist in meinem Browser tat - Firefox 3.0, aber Sie möchten in anderen Browsern testen). Sie sollten in der Lage sein, zu tun, was Sie mit CSS ohne jQuery machen müssen, aber Sie können auch die Dinge tun, die Sie mit jQuery machen wollten.