How to right align elements in select

[yaweli]

Hi,

In mozilla/firefox the right align work fine
In I.E not working.

<select style="text-align:right">
<option style="text-align:right">12,400</option>
<option style="text-align:right">48,450,000</option>
<option style="text-align:right">320</option>
</select>

(The Dir="RTL" is not a good solution.)

thank you
j.r

 

[Jim Moe]

In mozilla/firefox the right align work fine
In I.E not working.

An IE limitation.

 

[Jukka K. Korpela]

In mozilla/firefox the right align work fine
In I.E not working.

<select style="text-align:right">
<option style="text-align:right">12,400</option>
<option style="text-align:right">48,450,000</option>
<option style="text-align:right">320</option>
</select>

There's no simple way around this IE limitation in its <select>
implementation, so it might be a good idea to use a set of radio buttons and
associated labels in a table instead. The labels (in this case, the numbers)
could then be right-aligned easily, even using just HTML. More info:
http://www.cs.tut.fi/~jkorpela/forms/choices.html#select-inflex

 

[Andy Mabbett]

There's no simple way around this IE limitation in its <select>
implementation

What about a non-proportional font, and pre-prending the appropriate
number of non-breaking spaces?

 

[Jukka K. Korpela]

What about a non-proportional font, and pre-prending the appropriate
number of non-breaking spaces?

I wouldn't call it a simple way, and it produces rather ugly appearance, and
it doesn't even make the elements right-aligned on IE. (For some odd reason,
IE leaves some space - corresponding to about two space characters - to the
right of the <option> contents if you try this trick.)