How to set the alignment of the web page on different screen resolution automatically?

Question

1.00/5 (1 vote)

See more:

I'm making a project on ASP.NET and I've the resolution 1280x800. I'm using the width of the web page 1245px which is running very fine on my system but when I'm using the site on the resolution 1024x768 then the alignment goes out of the browser. I'm using <div> width 1245px which is looking nice on the resolution of the 1280x800.
I tried this code but it is giving me error.

protected void Page_Load(object sender, EventArgs e)<br />
    {<br />
        div1.Style.Add(HtmlTextWriterStyle.Width, System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width.ToString());<br />
    }

It is giving error that

The type or namespace name 'Windows' does not exist in the namespace 'System' (are you missing an assembly reference?)`

I know that this code is for the windows form. So is there any simple way to fix it? Is there a way to set the resolution through getting the system resolution and adjust it according to that?
I've set the width of the

and some tables to 1245px how to handle them in that case?

Posted 22-Oct-11 7:15am

Ajvirk

Add a Solution

Comments

Philippe Mori 22-Oct-11 13:31pm

First of all, you typically want your page to fit in 1024 pixels... Normally, if the width of the content is larger than the width of the browser a scrollbar is displayed and the content is left justified. But you should typically avoid horizontal scrollbar (at least for a width of 1024 pixels when the browser is maximized).

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tejas Vaishnav · Answer 1 · 2011-10-23T19:23:00

You got that error because you are trying to use a windows form in side your asp.net means web form application..

and for your solution try to get your screen resolution using javascript
like this...

JavaScript

<script type="text/javascript">
    function detecteScreenResolutions() {
        var width = screen.width;
        var height = screen.height;
        alert("YOUR SCREEN RESOLUTION IS "+width +" x "+height);
    }
</script>

and as per this functin result set your css classes of your div..

Member 11043248 · Answer 2 · 2014-12-10T09:12:00

Solution 2

C#

protected void Page_Load(object sender, EventArgs e)
        {
            Response.Write(" <script language='JavaScript'> window.moveTo(0,0); window.resizeTo(screen.width,screen.height); </script>");
        }

Posted 10-Dec-14 9:12am

Member 11043248

Comments

Richard Deeming 10-Dec-14 15:15pm

Why are you answering a question from three years ago?!