Connecting Tech Pros Worldwide Help | Site Map

fixed width <select> box Internet Explorer Problem

Newbie
 
Join Date: Dec 2007
Posts: 18
#1: May 22 '08
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!
Death Slaught's Avatar
Site Addict
 
Join Date: Aug 2007
Location: Tennessee
Posts: 952
#2: May 22 '08

re: fixed width <select> box Internet Explorer Problem


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](")
(")(")
Newbie
 
Join Date: Dec 2007
Posts: 18
#3: May 26 '08

re: fixed width <select> box Internet Explorer Problem


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!
Death Slaught's Avatar
Site Addict
 
Join Date: Aug 2007
Location: Tennessee
Posts: 952
#4: May 27 '08

re: fixed width <select> box Internet Explorer Problem


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](")
(")(")
Newbie
 
Join Date: Dec 2007
Posts: 18
#5: Jun 4 '08

re: fixed width <select> box Internet Explorer Problem


Quote:

Originally Posted by Death Slaught

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!
Reply