Problema al visualizar Dropdownlist en IE

dreamender · #1 (**permalink**) 29/04/2010, 05:11

Buenas estoy desarrollando una aplicación en Asp.net, la cosa es que tengo bastantes Dropdownlist por toda ella y al visualizar la aplicación en Mozilla todo se ve bien, pero al hacerlo con IE los Dropdownlist se me cortan al tamaño que tienen puesto y no se lee todo el texto que tiene cada fila del mismo.

Alguien sabe como puedo lograrlo que al desplegarlo se agrande hasta un tamaño mayor?

Gracias

emprear · #2 (**permalink**) 29/04/2010, 10:30

mira este post, ya conteste algo sobre el tema

http://www.forosdelweb.com/f4/despli...era-ie-513341/

Saludos

dreamender · #3 (**permalink**) 29/04/2010, 10:48

Cita:

Iniciado por emprear

mira este post, ya conteste algo sobre el tema

[url]http://www.forosdelweb.com/f4/despliegue-select-estilo-firefox-opera-ie-513341/[/url]

Saludos

Buenas, ya lo había visto pero yo no uso elementos <select>, yo uso elementos de asp DropDownList.

Pongo el codigo de un formulario en el que los uso:

Código:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Compra.aspx.vb" Inherits="WebInventario.Compra" %>

<%@ Register assembly="CrystalDecisions.Web, Version=10.5.3700.0, Culture=neutral, PublicKeyToken=692fbea5521e1304" namespace="CrystalDecisions.Web" tagprefix="CR" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>Compras</title>
  <style type="text/css">
    #form1
    {
      height: 667px;
      width: 801px;
      position:absolute;
      top: 15px;
      left: 10px;
    }
    .style1
    {
      position: absolute;
      left: 405px;
      top: 227px;
      width: 145px;
      height: 33px;
    }
    .style2
    {
    }
    </style>
  
  <script type="text/javascript" language="JavaScript">
  
  
  
  function urldiscon() {

    hidden = open('Disconformidades.aspx','NewWindow','top=0,left=0,width=400,height=450,status=yes,resizable=yes,scrollbars=yes');

      }
      
  function urlasiento() {

    hidden = open('VerAsiento.aspx','NewWindow','top=0,left=0,width=750,height=550,status=yes,resizable=yes,scrollbars=yes');
      
      }
  
  function urlproyecto() {

    hidden = open('SeleccionarProyecto.aspx','NewWindow','top=0,left=0,width=750,height=550,status=yes,resizable=yes,scrollbars=yes');

      }

  </script>

</head>
<body>
  <form id="form1" runat="server" enctype="multipart/form-data">
          
       <asp:Button ID="Button3" runat="server" Text="Seleccionar Proyecto" 
         CssClass="style1" />
   

  
     <asp:Button ID="Button10" runat="server" 
    style="z-index: 1; left: 186px; top: 625px; position: absolute; width: 71px" 
    Text="Calidad" />

  <asp:Label ID="Label1" runat="server" 
    style="position: absolute; top: 2px; left: 20px;" 
    Text="Introducir datos del pedido:"></asp:Label>
    
  <asp:Panel ID="Panel1Datos" 
    style="position: absolute; top: 24px; left: 15px; width: 770px; height: 108px;" 
    runat="server" BorderStyle="Ridge" BorderColor="#CC0000">
    
    
    
      <asp:DropDownList ID="DropDownList4" runat="server" 
      style="z-index: 1; left: 114px; top: 53px; position: absolute" 
      Height="25px" Width="125px" TabIndex="4">
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList3" runat="server" 
      style="z-index: 1; left: 605px; top: 6px; position: absolute" 
      Height="25px" Width="125px" TabIndex="3">
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList2" runat="server" 
      style="z-index: 1; left: 352px; top: 5px; position: absolute" 
      Height="25px" Width="125px" TabIndex="2">
    </asp:DropDownList>
    <asp:DropDownList ID="DropDownList1" runat="server" 
      style="z-index: 1; left: 113px; top: 4px; position: absolute" 
      Height="25px" Width="125px" TabIndex="1">
    </asp:DropDownList>
    
    <asp:TextBox ID="TextBox2" runat="server" 
      style="z-index: 1; left: 354px; top: 52px; position: absolute" 
      TabIndex="5"></asp:TextBox>
    
    <asp:Button ID="Button4" runat="server" 
      style="z-index: 1; left: 116px; top: 80px; position: absolute" 
      Text="Alta Proveedor" />
    <asp:Button ID="Button5" runat="server" Enabled="False" 
      style="z-index: 1; left: 367px; top: 77px; position: absolute; right: 332px;" 
      Text="Traslado" />
    
  </asp:Panel>
  
  

  
  <asp:DropDownList ID="DropDownList5" runat="server" 
    style="z-index: 1; left: 114px; top: 154px; position: absolute; right: 562px;" 
    Height="25px" Width="125px" AutoPostBack="True" TabIndex="7">
  </asp:DropDownList>
  <asp:DropDownList ID="DropDownList6" runat="server" 
    style="z-index: 1; left: 375px; top: 152px; position: absolute" 
    Height="25px" Width="125px" TabIndex="8">
  </asp:DropDownList>
  <asp:TextBox ID="TextBox3" runat="server" 
    
    style="z-index: 1; left: 113px; top: 197px; position: absolute; right: 560px;" 
         TabIndex="10"></asp:TextBox>
  <asp:DropDownList ID="DropDownList7" runat="server" 
    style="z-index: 1; left: 374px; top: 198px; position: absolute" 
    Height="25px" Width="125px" CssClass="style2" TabIndex="11">
  </asp:DropDownList>
  <asp:TextBox ID="TextBox4" runat="server" 
    style="z-index: 1; left: 615px; top: 194px; position: absolute" 
    TextMode="MultiLine" TabIndex="17"></asp:TextBox>
  <asp:TextBox ID="TextBox11" runat="server" 
    style="z-index: 1; left: 645px; top: 250px; position: absolute"></asp:TextBox>
  <asp:TextBox ID="TextBox5" runat="server" 
    style="z-index: 1; left: 617px; top: 154px; position: absolute" TabIndex="9"></asp:TextBox>
  
 
  
  
  <asp:Panel ID="PanelConta" style="position: absolute; top: 240px; left: 15px; height: 138px; width: 359px;" 
    runat="server" BorderStyle="Inset" BorderColor="#CC0000">
    <asp:Label ID="Label16" runat="server" 
      style="position: absolute; top: 4px; left: 14px;" Text="Fecha Factura"></asp:Label>
    <asp:Label ID="Label17" runat="server" 
      style="position: absolute; top: 50px; left: 5px;" Text="Documento Contable"></asp:Label>
    <asp:Label ID="Label18" runat="server" 
      style="position: absolute; top: 85px; left: 2px;" 
      Text="Exportado a Contabilidad"></asp:Label>
    <asp:Label ID="Label19" runat="server" 
      style="position: absolute; top: 21px; left: 14px;" Text="(dd/mm/aaaa)"></asp:Label>
    <asp:TextBox ID="TextBox6" style="position: absolute; top: 7px; left: 184px;" 
      runat="server" Enabled="False"></asp:TextBox>
    <asp:TextBox ID="TextBox7" style="position: absolute; top: 45px; left: 184px;" 
      runat="server" Enabled="False"></asp:TextBox>
    <asp:DropDownList ID="DropDownList8" 
      style="position: absolute; top: 82px; left: 185px;" runat="server">
      <asp:ListItem>Si</asp:ListItem>
      <asp:ListItem>No</asp:ListItem>
    </asp:DropDownList>
    <asp:Button ID="Button1" runat="server" 
      style="z-index: 1; left: 101px; top: 111px; position: absolute; text-align: center" 
      Text="Ver Asiento" />
  </asp:Panel>
  
      
  
  <asp:DataGrid ID="Rejilla" 
    style="position: absolute; top: 388px; left: 18px; width: 766px;" 
    runat="server" BackColor="White" BorderColor="#999999" BorderStyle="None" 
    BorderWidth="1px" CellPadding="3" GridLines="Vertical" PageSize="3" >
    <FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
    <SelectedItemStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
    <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
    <AlternatingItemStyle BackColor="#DCDCDC" />
    <ItemStyle BackColor="#EEEEEE" ForeColor="Black" />
    <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
  
  </asp:DataGrid>
  
   
  <asp:DataGrid ID="DataGrid1" OnItemCommand="botonPulsado"
    style="position: absolute; top: 389px; left: 18px; width: 766px;" 
    runat="server" BackColor="White" BorderColor="#999999" BorderStyle="None" 
    BorderWidth="1px" CellPadding="3" GridLines="Vertical" PageSize="3" >
    <FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
    <SelectedItemStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
    <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
    <AlternatingItemStyle BackColor="#DCDCDC" />
    <ItemStyle BackColor="#EEEEEE" ForeColor="Black" />
    <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
    <Columns>
    <asp:ButtonColumn Text="Seleccionar" HeaderText="Seleccionar" ButtonType="LinkButton" />
    </Columns>
  </asp:DataGrid>
  
  <asp:FileUpload ID="FileUpload1" 
    style="position: absolute; top: 336px; left: 567px;" runat="server" />
  
  <asp:TextBox ID="TextBox9" runat="server" 
    style="z-index: 1; left: 662px; top: 605px; position: absolute"></asp:TextBox>
  <asp:Label ID="Label22" runat="server" 
    style="position: absolute; top: 607px; left: 557px;" Text="Importe Total"></asp:Label>
  
  
  
  <asp:Button ID="Button12" runat="server" 
    style="z-index: 1; left: 404px; top: 344px; position: absolute; width: 144px; height: 35px; right: 253px" 
    Text="Eliminar" />
    

  
  <asp:Button ID="Button11" runat="server" 
    style="z-index: 1; left: 405px; top: 305px; position: absolute; width: 144px; height: 35px; right: 252px" 
    Text="Modificar" />
    

  
  <asp:Button ID="Button2" runat="server" 
    style="z-index: 1; left: 405px; top: 266px; position: absolute; width: 144px; height: 35px; right: 252px; bottom: 366px;" 
    Text="Agregar a la compra" />
    

  </form>
</body>
</html>

emprear · #4 (**permalink**) 29/04/2010, 11:14

disculpa, se me paso por alto el lenguaje que utilizas.
Prueba en Foros del Web en el foro de ASP.net, yo googlee con " Fix DropDownList width in ie"y encontré numerosas soluciones, bueno tendrías que tomarte el trabajo de ver si funcionan.

Saludos