CSS: How to set table column width for dynamic drop down list?

What you need is a table with a width 100% and 1 column without a width defined. The column with the dropdown can have a realy small width and the browser will automatically make the whole column match the width of the dropdown The HTML would look like this: table width="100%" > FixedWidthColumn ExpandingColumn DynamicColumn 1 Text Button DropDownList Please select...

What you need is a table with a width 100% and 1 column without a width defined. The column with the dropdown can have a realy small width and the browser will automatically make the whole column match the width of the dropdown. The HTML would look like this: FixedWidthColumn ExpandingColumn DynamicColumn 1 Text Button DropDownList As an answer to the remarks below, there are some solutions you can explore: You could possibly add a an option tag to your dropdown list that is at least a certain width and some no-breaking spaces like so: Please select... You could give the select tag a minimum width like so.

I tried your suggestion beforehand, if I use a small width for the column the heading gets wrapped and the dropdown has a large block of whitespace on either side of it if it is larger than the column – Adam Fox Jun 19 '09 at 18:13 Try putting the heading in a tag. That should keep it from wrapping. – Steve Mallory Jun 19 '09 at 22:51 Setting width="10" on the dynamic column worked when I tried this example.

I tested with Internet Explorer 7, Firefox 3.5.1 and Opera 9.64. What browser and version are you testing with? Also, what DOCTYPE is specified on top in the HTML (if any)?

– awe Aug 19 '09 at 8:15 The DOCTYPE is as follows – Adam Fox Aug 24 '09 at 20:52.

Where that parameter is passed in (or parsed somewhere else).

What I have been able to do is set the width of a different column to be like 60% and left this drop down column with no widht setting. This achieves my goal but seems ugly, as this approach also squishes my fixed width columns – Adam Fox Jun 19 '09 at 15:33 Yes, you can set the width parameter in your table as such: width="${myTable. Width}" where the myTable.

Width is a parameter that is set somewhere else (calculated) – amischiefr Jun 19 '09 at 19:31.

That's how tables work, if there are 2 columns without a width set and the table width is set, the remaining available space will be distributed between the 2 columns. Removing the 100% width from the table would solve your problem if the content in ExpandingColumn is big enough to fill the remaining width.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions


Thank You!
send