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