Posted by Brian Cryer on 10/18/07 14:13

One of the websites I'm responsible for has a toolbar down the left hand
side, which contains within it amongst other things a number of drop down
list boxes. Depending on what the user selects a map or chart is drawn using
the options the user has specified.

I've hit a problem with Internet Explorer. The left hand toolbar has a fixed
width, and I constrain my drop down list boxes to that width. In Firefox if
the content is longer than the list box then you still get to see all the
content when you click on the box - but in IE its truncated. For example:

<select name="Select1" style="width: 10em">
<option>men, women and children</option>
<option>boys toys</option>
</select>

The first option will be truncated in IE (the second option is short and
displays fine), but in Firefox is still fully visible when you click on the
list box and it opens (even though the width when collapsed is constrained
to 10em). I hope that's clear.

Its only recently that the content of these list boxes has grown. I don't
want to increase the available width because that impacts on other things
and I risk a complete page redesign (which I want to avoid). The client is
happy that when the list box is collapsed that the content is truncated but
wants to be able to see it in full when its expanded.

Any ideas? or am I stuffed?

TIA
--
Brian Cryer.
www.cryer.co.uk/brian

[Back to original message]