Anchura input select segun contenido

[realxp]

Hola, tengo un input select que en iexplorer al desplegarse su anchura es la del mismo campo select y por la tanto no se me puede leer el contenido mas largo, y en cambio en el firefox se extiende hasta el ancho del contenido mostrándose así toda la información, algún truco para que el iexplorer sea igual de complaciente que el firefox?

<form action="" method="post" enctype="multipart/form-data" name="form" onSubmit="return ValidarContacto(this)" >
<table width="100%" border="0" cellspacing="3px">
<tr>
<td width="46%"><div align="right">Nombre</div></td>
<td width="54%"><div align="left">
<input name="nombre" type="text" class="comentario" id="nombre" size="15" />
</div></td>
</tr>

<tr>
<td><div align="right">Apellidos</div></td>
<td><div align="left">
<input name="apellidos" type="text" class="comentario" id="apellidos" size="15" />
</div></td>
</tr>
<tr>
<td><div align="right">Edad</div></td>

<td><div align="left">
<input name="edad" type="text" class="edad" id="edad" size="5" maxlength="2" onKeyPress="return acceptNum(event)" />
</div></td>
</tr>
<tr>
<td><div align="right">Pais</div></td>
<td><div align="left">
<select name="pais" size="1" class="select" id="select pais" >


<option value="SELECT">SELECT</option>

<option value="US">United States</option>

<option value="GB">United Kingdom</option>


<option value="CA">Canada</option>

<option value="AU">Australia</option>

<option value="XX">----------</option>


<option value="AF">Afghanistan</option>

<option value="AL">Albania</option>

<option value="DZ">Algeria</option>


<option value="AD">Andorra</option>

<option value="AO">Angola</option>

</select>

</div></td>
</tr>
<tr>
<td><div align="right">Ciudad</div></td>
<td><div align="left">
<input name="ciudad" type="text" class="comentario" id="ciudad" size="15" />
</div></td>
</tr>
<tr>
<td><div align="right">E-mail</div></td>
<td><div align="left">
<input name="email" type="text" class="comentario" id="email" size="15" />
<span class="Estilo1 Estilo6">Sera tu id.usuario </span></div></td>
</tr>

<tr>
<td><div align="right">Contrase&ntilde;a</div></td>
<td><div align="left">
<input name="contraseña" type="password" class="comentario" id="password" size="15" />
<span class="Estilo1 Estilo6">min. 6 caracteres</span> </div></td>
</tr>
<tr>

<td><div align="right">Repetir contrase&ntilde;a</div></td>
<td><div align="left">
<input name="contraseña2" type="password" class="comentario" id="rpassword" size="15" />
</div></td>
<tr>
<td><div align="center"><span class="Estilo1">He leido las <a href="Index2.html"><u>condiciones</u></a> - </span><span class="Estilo2">Acepto</span>
<input name="accond" type="checkbox" id="aceptarcond" value="checkbox" />

</div></td>
<td>
<div align="left">
<input name="Submit2" type="submit" class="boton_enviar" value="Enviar" />
</div></td>
</tr>
</table>
</form>

[derkenuke]

Una cosa, facilítanos la lectura del código poniendo sólo lo imprescindible, se hará más entendible.

No entiendo lo que quieres decir:

Código PHP:

  <select name="pais" size="1" class="select" id="select pais" >
    <option value="SELECT">SELECT</option>
    <option value="US">United States</option>
    <option value="GB">United Kingdom</option>
    <option value="CA">Canada</option>
    <option value="AU">Australia</option>
    <option value="XX">----------</option>
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    <option value="AD">Andorra</option>
    <option value="AO">Angola</option>
    <option value="XX">Opci&#243;n tan larga como yo quiera deformará el SELECT</option>
</select>  
   

A mi con FF2 y IE6 se me deforma el select y todas las opciones son legibles.

[realxp]

Iniciado por derkenuke

Una cosa, facilítanos la lectura del código poniendo sólo lo imprescindible, se hará más entendible.

No entiendo lo que quieres decir:

Código PHP:

  <select name="pais" size="1" class="select" id="select pais" > 
    <option value="SELECT">SELECT</option> 
    <option value="US">United States</option> 
    <option value="GB">United Kingdom</option> 
    <option value="CA">Canada</option> 
    <option value="AU">Australia</option> 
    <option value="XX">----------</option> 
    <option value="AF">Afghanistan</option> 
    <option value="AL">Albania</option> 
    <option value="DZ">Algeria</option> 
    <option value="AD">Andorra</option> 
    <option value="AO">Angola</option> 
    <option value="XX">Opción tan larga como yo quiera deformará el SELECT</option> 
</select>  
   

A mi con FF2 y IE6 se me deforma el select y todas las opciones son legibles.

Hola derkenuke, ok, abreviare mas.

Pues bien, el problema sigue persistiendo en IE6, en firefox2 lo controlo perfectamente y marco el ancho del select con la ultima linea, pero el IE solo se despliega a la misma anchura que hace el campo select. por defecto osea, no mas de unos 12 caracteres o asi, en fin, que no se porque sucede ni como doblegarlo a mi voluntad :)

Espero que se pueda arreglar sin muchas complicaciones. Gracias

[skatomundo]

Aplica algo de "style" y defines el ancho que desees más o menos aporx. a las opciones que dispongas..

Código PHP:

  <style>
.select{
  width: 80px;
  padding: 1px 2px;
  font:Arial, Helvetica, sans-serif;
  font-size:10px;
}
</style>

<select name="pais" size="1" class="select" id="select pais" >
    <option value="SELECT">SELECT</option>
    <option value="US">United States</option>
    <option value="GB">United Kingdom</option>
    <option value="CA">Canada</option>
    <option value="AU">Australia</option>
    <option value="XX">----------</option>
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    <option value="AD">Andorra</option>
    <option value="AO">Angola</option>
    <option value="XX">Opci&#243;n tan larga como yo quiera deformará el SELECT</option>
</select>  
   

[realxp]

Asi si funciona, gracias por tu ayuda.

[derkenuke]

Vaya, pensaba que estábamos intentando algo más global o abstracto