This week's book giveaway is in the OO, Patterns, UML and Refactoring forum. We're giving away four copies of Refactoring for Software Design Smells: Managing Technical Debt and have Girish Suryanarayana, Ganesh Samarthyam & Tushar Sharma on-line! See this thread for details.
I have a drop down list with four or five items, each of which can be very very long (longer than the width of the dialog box the list appears in). The [select] element has a fixed width of 500px. In Netscape and Firefox, this is working great, because when you click on the drop down list, the options are displayed in a box that is as wide as it needs to be (wider than the 500px of the [select] element, if necessary).
Here's an example of good behavior (Netscape & Firefox):
Problem is that in IE, the box is only as wide as the [select] element it's a part of, so the right margin is cut off at 500px and nobody can tell what they're selecting.
This is very, very bad (Explorer):
I've tried messing around with the word-wrap attribute in IE, but haven't managed to get it to work with either the [select] element or the [option]elements (it's supposed to work with both, according to MSDN).
Any suggestions? The work-around for now is to not limit the width to 500px, but this is ugly, and we don't like ugly! Thanks in advance... [ November 16, 2005: Message edited by: Kristin Stromberg ]