Foros aprenderaprogramar.com
Didáctica y divulgación de la programación


<%@ control language="c#" inherits="ERP2Web.e2wTopSellingItemsHome, CDI.ERP2Web.Web" enableviewstate="false" %>
<%@ OutputCache Duration="3600" VaryByCustom="culture;user" VaryByParam="None" Shared="true" %>
<asp:Panel ID="Panel1" runat="server" Visible="false">
    <div class="webpart_title round">
        <asp:Label ID="lbl1_topsellingitems_home" runat="server"></asp:Label></div>
    <asp:Panel ID="pnlFlashItems" runat="server" Visible="false">
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
            name="carousel" width="580" height="300" align="middle" id="carousel">
            <param name="allowScriptAccess" value="sameDomain" />
            <param name="movie" value="carousel.swf" />
            <param name="quality" value="high" />
            <param name="menu" value="false" />
            <param name="bgcolor" value="#ffffff" />
            <param name="wmode" value="transparent">
            <embed src="carousel.swf" wmode="transparent" quality="high" menu="false" bgcolor="#ffffff"
                width="580" height="300" name="carousel" align="middle" allowscriptaccess="sameDomain"
                type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
        </object>
    </asp:Panel>
    <asp:DataList ID="DataList2" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"
        SkinID="Horizontal" CssClass="topAlign" Visible="false">
        <ItemTemplate>           
            <div style="text-align: center; padding-bottom: 0px; width: 140px;"><br/>
                <asp:HyperLink ID="Image2" runat="server" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "NavigateUrl") %>'>
                    <asp:Image ID="Image3" runat="server" Width="90px" Height="90px" AlternateText='<%# DataBinder.Eval(Container.DataItem, "ImgAltTag") %>'
                        ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Image") %>'></asp:Image>
                </asp:HyperLink><br/>
  <span style="text-align: center;font-weight:bold; padding: 10px 0 10px 0; width: 140px;">
                <%# DataBinder.Eval(Container.DataItem, "Item") %><br/>
</span>
                <span  style="text-align: center;font-weight:normal;font-size:10px; padding: 10px 0 10px 0; width: 140px;">
                    <%# DataBinder.Eval(Container.DataItem, "Desc") %></span>
            </div>
        </ItemTemplate>
    </asp:DataList>
   <div class="webpart_button_div">
        <asp:HyperLink ID="lnk1viewmore" runat="server" CssClass="linkButton">
            <asp:Label ID="lbl1_viewmore" runat="server"></asp:Label></asp:HyperLink></div>
</asp:Panel>



Hola buen día, mi duda es que en la página de la empresa que trabajo es una tienda e-commerce y el listado de productos esta en 4 columnas usando un DataList, el problema viene que el ancho total de la página es de 950px y mi jefe que tiene monitores de 30" y resulución arriba de 2,000 px, por lo tanto tiene demasiado espacio en blanco a los lados, mis conocimientos en ASP.net/C# son básicos por no decir nulos.

Anexo captura del codigo:
http://i.imgur.com/liHl3Yy.jpg

He logrado modificar el ancho total de toda la página mediante CSS y todo funciona perfecto, excepto por los productos que estan en una tabla y en 4 columnas.

Anexo captura del cambio que hice:
http://i.imgur.com/WT2WFxt.jpg

A lo mucho puedo aumentarle el ancho a la div que contiene la tabla pero es feo esa solucion, cuando la ideal seria mostrar productos en mas columnas

Anexo captura del cambio que hice y no me gusta:
http://i.imgur.com/N81gQPr.jpg


echando un vistazo a los archivos ascx veo que esta programado para esas 4 columnas, hay alguna forma de que muestre los productos en divs, o listas, o simplemente en ciertas columas de acuerdo a la resolución?

Y si alguien aunque no me pueda dar la solucion en si, si es posible corregir este problema a futuro con algun otro metodo/solucion ?

Saludos y gracias por adelantado