[CLOSED] DisplayField is display error in ie7

[lonely7345]

the generate html for displayfield

<DIV id=ext-gen151 class="x-form-item  x-form-label-left"><LABEL style="WIDTH: 100px" id=ext-gen152 class=x-form-item-label>订单金额:</LABEL>
<DIV style="POSITION: absolute; PADDING-LEFT: 105px; OVERFLOW: visible; LEFT: 0px" id=ext-gen150 class=x-form-element>
<DIV id=lblTodayTotalMoney class=" x-form-display-field" name="lblTodayTotalMoney">398</DIV></DIV></DIV>

POSITION: absolute; is the reason for ie7

[lonely7345]

     <Ext:Portal ID="Portal1" runat="server" Border="false" Layout="Column" AutoScroll="true">
                        <LayoutConfig>
                            <Ext:ColumnLayoutConfig FitHeight="false" />
                        </LayoutConfig>
                        <Items>
                            <Ext:PortalColumn ID="PortalColumn1" runat="server" Cls="x-column-padding" ColumnWidth=".30"     >
                                <Items>
                                    <Ext:Portlet ID="Portlet3" runat="server" Title="今日业务量"     LabelStyle="width:30%"> 
                                        <LayoutConfig>
                                            <Ext:TableLayoutConfig Columns="2">
                                            </Ext:TableLayoutConfig>
                                        </LayoutConfig>
                                        <Items>
                                            <Ext:DisplayField runat="server" ID="lblTodayOrders" FieldLabel="成交订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayTotalMoney" FieldLabel="订单金额" />
                                            <Ext:DisplayField runat="server" ID="lblTodayProcessOrder" FieldLabel="受理中订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayProcessedOrder" FieldLabel="待配送订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayLogisticAuditOrder" FieldLabel="物流审核订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayShippingOrder" FieldLabel="发货中订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayReceivedOrder" FieldLabel="已签收订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodaySuccessedOrder" FieldLabel="交易成功订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayNobodySignOrder" FieldLabel="无人签收订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayRefuseSignOrder" FieldLabel="拒收订单" />
                                            <Ext:DisplayField runat="server" ID="lblTodayCanceledOrder" FieldLabel="已取消订单" />
                                        </Items>
                                    </Ext:Portlet>
                            </Items>
                     </Ext:PortalColumn>
             </Items>
</Ext:Portal>

[Daniil]

Hi,

Please try the following .Cls for the problem portlet.

<style type="text/css">
    .my-fix .x-form-item {
        margin-bottom: 0px !important;
    }
</style>


<ext:Portlet ... Cls="my-fix">

[lonely7345]

.my-fix .x-form-item
        {            position:relative
        }

[Daniil]

Can we mark the thread as closed?

[lonely7345]

yes thanks