By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
448,505 Members | 1,168 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 448,505 IT Pros & Developers. It's quick & easy.

fixed width <select> box Internet Explorer Problem

P: 18
I have a form with lots of select boxes with fixed widths in order to fit in with the design. The problem I have is that some of the values in the options are much wider than the select box so the text in the options is cut off at the width of the select box. In firefox etc the options just expand to the width of the values but not in IE, so if there is a long bit of text in the option, much of it is cut off.

How can I make the options appear properly in IE?

thnaks in advaced!
May 22 '08 #1
Share this Question
Share on Google+
5 Replies


Death Slaught
100+
P: 1,137
That's just something that FF does and IE doesn't. You could see what this piece of could would do to your select box.

Expand|Select|Wrap|Line Numbers
  1. select {
  2.   overflow:auto;
  3. }
Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")
May 22 '08 #2

P: 18
i tried wht you hv give. but doesnt solve my problem..the scene is the options in select box works properly in FF but does not expand in IE


here is the code please check in the IE
Expand|Select|Wrap|Line Numbers
  1. <select style="width: 70px; overflow:auto;" name="test">
  2. <option value="1">111111111111111111
  3. <option value="2">2222222222
  4. <option value="3">3333333333333
  5. <option value="4">444
  6. </select>
please help!. thanks in advance!
May 26 '08 #3

Death Slaught
100+
P: 1,137
Well for one you're not ending your options properly.

Expand|Select|Wrap|Line Numbers
  1. <select>
  2.   <option>First Option</option>
  3.   <option>Second Option</option>
  4. </select>
See if ending your tags fixes the problem.

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")
May 27 '08 #4

P: 18
Well for one you're not ending your options properly.

Expand|Select|Wrap|Line Numbers
  1. <select>
  2.   <option>First Option</option>
  3.   <option>Second Option</option>
  4. </select>
See if ending your tags fixes the problem.

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")
as you suggested i tried but its not working!
give me another solutions please
thanks!
Jun 4 '08 #5

P: 1
Is that the text get truncated under panel in IE because panel is not expanding? You can create your own <select> element using YUI Library to solve width problem.

There are couple of other solutions are also available like expanding the select on mouseover. That is discussed also.
See if that help!
Jul 1 '10 #6

Post your reply

Sign in to post your reply or Sign up for a free account.