SELECT box: Aufklappbar (Anordnungs-Problem)

[thunderstorm]

Hallo Leute.
FOlgendes Problem:
Fakt:
-SELECTBox ist in einer Tabelle ganz am rechten Rand.
-SelectBox ist beim aufklappen breiter als Screen (Langer Text)
-Eine FixBreite von 100px beim geschl. SelectBox, aber Text kann länger sein.
-Netscape 7x würde beim aufklappen einfach eine breitere Auswahl zeigen (MSIE nicht)
-restlicher Text wird aber abgeschnitten statt angezeigt wenn es breiter als Fenster ist.

Frage:
Gibt es keine Möglichkeit die SelectBox so anzuordnen, dass bei einem breiteren Text die aufgeklappte Auswahl anstatt weiter nach rechts besser nach links angezeigt wird?
Mit CSS hab ich nichts gefunden, im SELECT / OPTION gibt es kein Align.

Wer hat einen Workaround?

Gruss
Thunderstorm

[chlori]

Hi

Mit CSS hab ich nichts gefunden, im SELECT / OPTION gibt
es kein Align.

Du brauchst ein Align im übergeordneten Element. In deinem
Fall vermutlich ein <td>

Gruss
chlori

[thunderstorm]

Du brauchst ein Align im übergeordneten Element. In deinem
Fall vermutlich ein <td>

Hi aus Basel,

Ich habe es versucht, hatte aber keinen Erfolg. Die aufgeklappte Auswahl der SelectBox ist nach wie vor nach rechts und angeschnitten.
Code Teil:
...
<td style="padding-right: 10" align="right">
  <select name="model.selected" size="1" style="width:100;" class="waListBox">
      <option value="0">Deutschland und der Rest der Welt</option>
      <option value="1">Italien</option>
      <option value="2">Schweiz</option>
      <option value="3">Usa</option>
   </select>
</td>
... (siehe Bild für Resultat)

Thunderstorm

[chlori]

Hi

<td style="padding-right: 10" align="right">

• 10px
• text-align:right;

<select name="model.selected" size="1" style="width:100;"

• 100px

Muss die Breite zwingend 100px sein? Warum?

Bitte CSS auch zeigen.

Gruss
chlori

[thunderstorm]

<select name="model.selected" size="1" style="width:100;"

• 100px

Sorry, hatte ich auch schon um text-xxx ergänzt ohne erfolg.

Muss die Breite zwingend 100px sein? Warum?

Gemäss Styleguide (Usability-Lab) muss es 100px breit sein, Yep.

Hier also nochmals...
HTML-Teil:
----------------------------------------
...
<td style="padding-right: 10" align="right">
   <select name="model.selected" size="1" style="width:100; text-align:right;" class="waListBox">
      <option value="0">Deutschland und der Rest der Welt</option>
      <option value="1">Italien</option>
      <option value="2">Schweiz</option>
      <option value="3">Usa</option>
   </select>
</td>
...

CSS Teil:
------------------------------------------
...
.waListBox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  background-color: white; }