ASP.net screen suddenly stretched

Hi

I opened my ASP.net project to find that the controls have stretched. In the image controls that were next to each other are very far apart.

1
Here's some of the markup

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="Admin.aspx.vb" Inherits="Survey.Admin" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .style1
        {
            width: 138px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <p>
        <asp:Label ID="Label39" runat="server" Width="297px"></asp:Label>
        <asp:Label ID="Label_LoggedIn" runat="server" ForeColor="#666666"
            Text="Not logged in" Font-Size="X-Small" Width="80px"></asp:Label>
    &nbsp;&nbsp;
        <asp:Label ID="Label_Reviewer" runat="server" ForeColor="#666666"
            Font-Size="X-Small" Width="80px"></asp:Label>
    </p>
    <p>
        <asp:Label ID="Label40" runat="server" ForeColor="#CCCCCC"
            Width="24px"></asp:Label>
        <asp:Label ID="Label_Survey" runat="server" Width="474px" ForeColor="#CCCCCC"></asp:Label>
        <asp:Label ID="lblAdminID" runat="server" ForeColor="#003366" Text="Admin ID"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label30" runat="server" ForeColor="#003366" Text="Password"></asp:Label>
    </p>
    <p>
        &nbsp;</p>
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAsked:
Who is Participating?
 
Roopesh ReddyIT AnalystCommented:
Hi,

Issue with your HTML markup code!

You try to use CSS to design the page!

Moreover, never use &nbsp; for spacing!

Instead, try this code!

<span style="width:100px;display:inline-block;" ></span>

Open in new window


Hope it helps u...
0
 
Obadiah ChristopherCommented:
Is this markup you have created? Or this is autogenerated?

Why so many &nbsp;?
0
 
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
Thanks very much
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.