[CLOSED] Problem with Absolute Layout in IE

[macap]

Hello,

I am getting trouble with setting x,y coordinates for the absolute layout in IE 8 (with and without compatibility mode).

Here is the sample code:

<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    
    public class StyleObject
    {
        public string AUSWEIS_STYLE_APP_CODE { get; set; }
        public int AUSWEIS_STYLE_POS_X { get; set; }
        public int AUSWEIS_STYLE_POS_Y { get; set; }
        public string AUSWEIS_STYLE_FONT_STYLE { get; set; }
        public string AUSWEIS_STYLE_FONT_SIZE { get; set; }
        public string AUSWEIS_STYLE_FONT { get; set; }

    }

    public System.Collections.Generic.List<StyleObject> styles = new System.Collections.Generic.List<StyleObject>();

    protected void Page_Load(object sender, EventArgs e)
    {

        if (!X.IsAjaxRequest)
        {
            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "NAME", AUSWEIS_STYLE_POS_X = 32, AUSWEIS_STYLE_POS_Y = 39, AUSWEIS_STYLE_FONT_STYLE = "Bold", AUSWEIS_STYLE_FONT_SIZE = "14", AUSWEIS_STYLE_FONT = "Arial" });
            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "DATE", AUSWEIS_STYLE_POS_X = 227, AUSWEIS_STYLE_POS_Y = 38, AUSWEIS_STYLE_FONT_STYLE = "Bold", AUSWEIS_STYLE_FONT_SIZE = "13", AUSWEIS_STYLE_FONT = "Arial" });
            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "COMPANY", AUSWEIS_STYLE_POS_X = 34, AUSWEIS_STYLE_POS_Y = 80, AUSWEIS_STYLE_FONT_STYLE = "Bold", AUSWEIS_STYLE_FONT_SIZE = "13", AUSWEIS_STYLE_FONT = "Arial Narrow" });

            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "AREA", AUSWEIS_STYLE_POS_X = 32, AUSWEIS_STYLE_POS_Y = 135, AUSWEIS_STYLE_FONT_STYLE = "Bold", AUSWEIS_STYLE_FONT_SIZE = "13", AUSWEIS_STYLE_FONT = "Arial Narrow" });

            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "LOGO", AUSWEIS_STYLE_POS_X = 125, AUSWEIS_STYLE_POS_Y = 185, AUSWEIS_STYLE_FONT_STYLE = "Bold", AUSWEIS_STYLE_FONT_SIZE = "13", AUSWEIS_STYLE_FONT = "Arial" });

            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "Street", AUSWEIS_STYLE_POS_X = 34, AUSWEIS_STYLE_POS_Y = 100, AUSWEIS_STYLE_FONT_STYLE = "Regular", AUSWEIS_STYLE_FONT_SIZE = "10", AUSWEIS_STYLE_FONT = "Arial Narrow" });

            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "ZIP", AUSWEIS_STYLE_POS_X = 34, AUSWEIS_STYLE_POS_Y = 115, AUSWEIS_STYLE_FONT_STYLE = "Regular", AUSWEIS_STYLE_FONT_SIZE = "10", AUSWEIS_STYLE_FONT = "Arial Narrow" });

            styles.Add(new StyleObject { AUSWEIS_STYLE_APP_CODE = "CITY", AUSWEIS_STYLE_POS_X = 70, AUSWEIS_STYLE_POS_Y = 115, AUSWEIS_STYLE_FONT_STYLE = "Regular", AUSWEIS_STYLE_FONT_SIZE = "10", AUSWEIS_STYLE_FONT = "Arial" });

            LoadTemplate();
        }

    }

    private void HideTemplates()
    {
        LabelCardInfoName.Hidden = true;
        LabelCardInfoDate.Hidden = true;
        LabelCardInfoDepartment.Hidden = true;
        LabelCardInfoArea.Hidden = true;

        LabelCardInfoCompany.Hidden = true;
        LabelCardInfoCompanyStreet.Hidden = true;
        LabelCardInfoCompanyAreaCode.Hidden = true;
        LabelCardInfoCompanyCity.Hidden = true;
        LabelCardInfoCompanyLogo.Hidden = true;
    }



    private void LoadTemplate()
    {

        // remove this vars after testing
        int xDiff = 0; //50;
        int yDiff = 0; // 10;

        string styleTemplate = "font: {0} {1}pt '{2}';";

       
            HideTemplates();


            foreach (StyleObject r in styles)
            {
                string code = r.AUSWEIS_STYLE_APP_CODE.ToUpper();

                switch (code)
                {
                    case "NAME":
                        LabelCardInfoName.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoName.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoName.Hidden = false;
                        LabelCardInfoName.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "DATE":
                        LabelCardInfoDate.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoDate.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoDate.Hidden = false;
                        LabelCardInfoDate.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "DEVISION":
                        LabelCardInfoDepartment.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoDepartment.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoDepartment.Hidden = false;
                        LabelCardInfoDepartment.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "AREA":
                        LabelCardInfoArea.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoArea.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoArea.Hidden = false;
                        LabelCardInfoArea.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "COMPANY":
                        LabelCardInfoCompany.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoCompany.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoCompany.Hidden = false;
                        LabelCardInfoCompany.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "STREET":
                        LabelCardInfoCompanyStreet.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoCompanyStreet.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoCompanyStreet.Hidden = false;
                        LabelCardInfoCompanyStreet.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "ZIP":
                        LabelCardInfoCompanyAreaCode.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoCompanyAreaCode.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoCompanyAreaCode.Hidden = false;
                        LabelCardInfoCompanyAreaCode.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "CITY":
                        LabelCardInfoCompanyCity.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoCompanyCity.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;
                        LabelCardInfoCompanyCity.Hidden = false;
                        LabelCardInfoCompanyCity.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        break;

                    case "LOGO":
                        LabelCardInfoCompanyLogo.X = r.AUSWEIS_STYLE_POS_X + xDiff;
                        LabelCardInfoCompanyLogo.Y = r.AUSWEIS_STYLE_POS_Y + yDiff;

                        LabelCardInfoCompanyLogo.Hidden = false;
                        LabelCardInfoCompanyLogo.StyleSpec = String.Format(styleTemplate, r.AUSWEIS_STYLE_FONT_STYLE, r.AUSWEIS_STYLE_FONT_SIZE, r.AUSWEIS_STYLE_FONT);
                        LabelCardInfoCompanyLogo.Text = "Logo";
                        // SetLogo(typId);
                        break;

                    default:

                        break;

                }
      
        }
    }

</script>

<!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 id="Head1" runat="server">
    <title>AbsoluteLayout - Ext.NET Examples</title>
    <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Viewport ID="Viewport1" runat="server" Layout="Absolute">
        <Items>
            <ext:Panel ID="PanelCardInformation" Title="[Betriebsausweis]" runat="server" Layout="Absolute"
                Height="300">
                <Items>
                    <ext:Label ID="LabelCardInfoName" runat="server" Text="Sherlock Holmes" />
                    <ext:Label ID="LabelCardInfoDate" runat="server" Text="2010-11-11" />
                    <ext:Label ID="LabelCardInfoDepartment" runat="server" Text="Department A" />
                    <ext:Label ID="LabelCardInfoArea" runat="server" Text="Westham" />
                    <ext:Label ID="LabelCardInfoCompanyStreet" runat="server"  Text="Baker Street 150" />
                    <ext:Label ID="LabelCardInfoCompanyAreaCode" runat="server"  Text="4233" />
                    <ext:Label ID="LabelCardInfoCompanyCity" runat="server"  Text="London" />
                    <ext:Label ID="LabelCardInfoCompanyLogo" runat="server" Text="Company" />
                    <ext:Label ID="LabelCardInfoCompany" runat="server"  Text="Detective Inc." />
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
</body>
</html>

The sample code works fine in Firefox but does not in IE.
It seems that something breakes at the "LabelCardInfoCompanyStreet" Label and everything which follows.



Regards,

Martin

[Vladimir]

Hi,

CSS doesn't support 'Regular' for font css rule. I guess you have to use 'normal'

[macap]

Arrrrrrrrrghhhhhhhhhhh!

Thank you :-)