ansaurus

Question

Alignment of ASP.NET label

Answer 1

A:

Because of text-align:right. Remove from style.

kad1r 2010-08-13 12:17:59

But if I do that then it won't allign to the right any more?

pm_2 2010-08-13 12:19:19

Opps sorry. I understand your question wrongly.So just put float:left; in your .masterstyle. or try width:99%

kad1r 2010-08-13 12:26:51

Answer 2

+1 A:

The problem is the body margin. Because the margin is taking up space, and you are making the Label 100%, it is not accounting for the margin offset so your text is pushed over by that amount.

To fix it, just change `.MasterStyle to:

.MasterStyle 
{ 
    width: 100%; 
    background: aqua;
    margin: 0 0 0 0;
}

I have tested this and it fixes your issue but it does remove the margin offset which makes things not space from the edges nicely.

If you want to change more you can keep the margin by removing the Width property from your Label and the .MasterStyle and then adding a float: right style to the div.

.MasterStyle 
{ 
    background: aqua;
}

<body class="MasterStyle">
    <form id="frmMaster" runat="server">
        <div style="float: right">
            <asp:Label ID="Label1" runat="server" Text="My Site Name"
                Font-Bold="true" Font-Names="MS-Sans" Style="text-align:right" />

Either way will work, just depending on if you want the margins or not.

Kelsey 2010-08-13 16:24:56

Thanks for that! In the end I just reduced the width to 95% which seemed to solve the problem, and let me still keep the width with the style.

pm_2 2010-08-13 19:37:52

ansaurus

tags:

views:

answers:

Alignment of ASP.NET label

related questions