Controls not displayed properly

979

Recognized Expert Contributor

Hi there,

Are the two machines using different browsers (or different versions of the same browser)? That is the most likely cause of your web pages rendering differently.

Dr B

Feb 19 '08 #2

New Member

Hi,
yes the IE versions that i am using are different,but my pages have to be opened on various machines with different browsers and different width and resolution.My pages should be perfect enough to be run on all machines.plz help.

thanks in advance.

Hi there,

Are the two machines using different browsers (or different versions of the same browser)? That is the most likely cause of your web pages rendering differently.

Dr B

Feb 19 '08 #3

979

Recognized Expert Contributor

Do you know what a Document Type Definition (DTD) is? This is the thing that is specified in the <!DOCTYPE.....> tag at the beginning of your pages. It tells the browser which set of rules you are going to be using and therefore how to display the elements (tags) that make up your pages.

You're probably using the default Document Type Definition (DTD) for ASP.NET which is the XHTML 1.0 Transitional. You may need to change your DTD to an earlier one to get a more consistent look across different browsers. This tutorial is a good place to start

http://aspnetresources.com/articles/doctype.aspx

I had some problems with IE 6 and IE 7 a while back and I found that changing the DTD tag from

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/HTML]

To

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/HTML]

achieved the results I wanted. If not you'll need to do some more research into the different DTD's.

I hope this helps,

Dr B

Feb 19 '08 #4

New Member

Hi,
I tried changing the doctype but the problem is still there,i am not able to view the page properly in my same machine.let me give u some more description. I am using CSS and placing an image as background.On some part of that image I am placing a few controls,but the controls are not displayed properly.Plz Help

Thanks in Advance.

Do you know what a Document Type Definition (DTD) is? This is the thing that is specified in the <!DOCTYPE.....> tag at the beginning of your pages. It tells the browser which set of rules you are going to be using and therefore how to display the elements (tags) that make up your pages.

You're probably using the default Document Type Definition (DTD) for ASP.NET which is the XHTML 1.0 Transitional. You may need to change your DTD to an earlier one to get a more consistent look across different browsers. This tutorial is a good place to start

http://aspnetresources.com/articles/doctype.aspx

I had some problems with IE 6 and IE 7 a while back and I found that changing the DTD tag from

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/HTML]

To

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/HTML]

achieved the results I wanted. If not you'll need to do some more research into the different DTD's.

I hope this helps,

Dr B

Feb 20 '08 #5

979

Recognized Expert Contributor

Can you print your code please and also tell me which versions of IE you are trying to run it on?

Dr B

Feb 20 '08 #6

New Member

Expand|Select|Wrap|Line Numbers

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>
 
<!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 runat="server">

         <style type="text/css">

body

{ 

background-image: url('demologinpagebg.jpg');

background-repeat: no-repeat;

background-position:center;
 
}

</style>

    <title>Asset Management-Login</title>
 
</head>

 <body>

    <form id="form1" runat="server">

    <div>
 
        <h1> <font size = "5"></font></h1>

        <h1>

            <font size="5" color = "navy">Asset Management </font>

        </h1>
 
        <asp:Label ID="Label1" runat="server" Style="z-index: 100; left: 666px; position: absolute;

            top: 212px" Text="User Name" Width="99px" Height="23px"></asp:Label>

        <asp:Label ID="Label2" runat="server" Style="z-index: 101; left: 667px; position: absolute;

            top: 251px" Text="Password" Width="99px" Height="21px"></asp:Label>

        <asp:TextBox ID="TextBox1" runat="server" Height="20px" Style="z-index: 102; left: 781px;

            position: absolute; top: 212px" Width="126px"></asp:TextBox>

        <asp:TextBox ID="TextBox2" runat="server" Height="20px" Style="z-index: 103; left: 780px; position: absolute; top: 248px" TextMode="Password" Width="126px"></asp:TextBox>

        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style="z-index: 104;

            left: 838px; position: absolute; top: 294px" Text="Login" Width="75px" />

        <asp:Label ID="Label3" runat="server" Font-Bold="True" Font-Underline="True" ForeColor="Red"

            Style="z-index: 105; left: 651px; position: absolute; top: 378px"></asp:Label>

        <asp:Image ID="Image1" runat="server" Height="155px" ImageUrl="~/zenimage.jpg" Style="z-index: 107;

            left: 11px; position: absolute; top: 462px" Width="225px" />
 
    </div>

    </form>

</body>

</html>

Hi,
this is the html code i am working with.I am trying to display my web pages with IE 6,IE 7,and Firefox.I am placing my labels and textboxes on a part of the image.But when the page is displayed in the browser the controls get shifted.plz help ASAP.

Feb 20 '08 #7

kenobewan

4,871

Recognized Expert Specialist

Hi,
yes the IE versions that i am using are different,but my pages have to be opened on various machines with different browsers and different width and resolution.My pages should be perfect enough to be run on all machines.plz help.

thanks in advance.

This is where I believe the problem lies, your controls are fixed width and height. Perversely, you may need to try relative positioning - eg 50% width and height will always appear in the center regardless of any resolution. Credit to Mr Occam and his razor for the assistance.

Feb 20 '08 #8

New Member

Hi,
i tried changing the position to relative but the problem is still there.The controls are still shifting their place.dont know how to solve this issue.Plz help.

Thanks in advance.

Feb 20 '08 #9

979

Recognized Expert Contributor

This is where I believe the problem lies, your controls are fixed width and height. Perversely, you may need to try relative positioning - eg 50% width and height will always appear in the center regardless of any resolution. Credit to Mr Occam and his razor for the assistance.

Hmmm....point taken!

Feb 20 '08 #10

How to update displayed content of TEXTAREA with multiline text

New Member

any solution to my problem????i am still stuck.plz help

Hmmm....point taken!

Feb 28 '08 #11

Similar topics

2315

by: Krzysztof Fink-Finowicki via .NET 247 | last post by:

I have problem with TEXTAREA HTML tags in my Web application (MSIE 6.0). User fills-in content of TEXTAREA on HTML dialog window. After accepting, content of TEXTAREA from dialog window is...

.NET Framework

1322

Spliting controls

by: Sreejith S S Nair | last post by:

hi, Setp one. i have one panel control in my form. I am spliting this panel control into two part say working region and holding region. This spliting is only logic spliting. That is i...

C# / C Sharp

1175

,microsoft.public.vsnet.ide,microsoft.public.dotnet.framework.windowsforms.controls,microsoft.public.dotnet.languages.csharp

by: Frnak McKenney | last post by:

I just spent four hours trying to find out why the checkboxes representing a bound DataGrid DataGridBoolColumn weren't acting properly. When the Form containing the DataGrid was initialized the...

C# / C Sharp

2449

Dynamic server controls using XML and XSLT

by: | last post by:

Hi Guys, I am generating dynamic server controls using XML and XSLT. With this I am generating two buttons which when clicked redirect the page to a different page. Here is my "checkout"...

CSS doesn't work on dynamicly added user controls

2543

by: Henke | last post by:

Hi! I add some web user controls dynamicly with: myPanel.Controls.Add(Page.LoadControl("MyDynamiclyAddedPage.ascx")); the style of the controls on the user control is set from a css-class, by...

873

user controls

by: Mark | last post by:

I'd like to build several reusable user controls. Each user control will have a different set of text boxes for a form. Only one user control will be on a page at a time. Based on the user's...

IMHO: DataBinding for ASP.NET list controls needs improvement (VS.NET 2003)

1313

by: JV | last post by:

It's easy to databind a listbox or dropdownlist if all you want is to fill it with a list of values. There are plenty of examples in the online help. Unfortunately, real world applications...

Are master files a replacement for user controls for overall layout?

2394

by: Alan Silver | last post by:

Hello, In classic ASP, I used to use two include files on each page, one before and one after the main content, to provide a consistent layout across a web site. That way I could just change the...

Is Hiding Server Controls Enough ?

2149

by: Mr Newbie | last post by:

I was thinking about developing a workflow application yesterday and was musing over the different approaches than one could take in restricting specific actions on a ticket( Form ) at any said...