views:

212

answers:

2

Hi,

I have a dropdown menu with the width set to 142px however the selection area when you drop down the menu needs to be larger as it has text that exceeds this width. Firefox (and most modern browsers) is clever and extends the selection area to fit in this text. However IE 6 and unchecked newer versions of IE do not show this text and keep the selection area the same width as the dropdown unclicked. The problem lies here, how can I get IE to extend the selection area where you click the selection you want without increasing the width of the dropdown area with out the dropdown selection showing. Hope that makes sense.

:D cheers (DEATH TO IE)

+1  A: 

I'm afraid you can't. Even in the best of times there is very little control for dropdown boxes and IE6 is usually considered the worst of times.

Sonny Boy
A: 

A quick'n'dirty I just managed to trial-and-error myself to (the Yahoo hack is bloated, but better if you want animated growth/shrinking):

<html>
<body>
  <select style="width:100px;" onmouseover="this.style.width='auto'; this.focus();" onblur="this.style.width='100px';">
    <option>Tiny</option>
    <option>Und das verrry, verrrry, verrrrrrrrrrry long one!</option>
  </select>
</body>
</html>
Jonas Byström