How to setup Different Website Resolution

Question

1.00/5 (2 votes)

See more:

ASP.NET

Does any one know how I could get my website to work with all screen resolution? Thanks.

Posted 30-Oct-13 10:05am

Computer Wiz99

Updated 30-Oct-13 10:19am

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 30-Oct-13 16:32pm

What do you mean by that? :-)
—SA

Computer Wiz99 30-Oct-13 16:35pm

Whst do you mean? Is there a way to setup the site to where it looks right on all the browsers?

Sergey Alexandrovich Kryukov 30-Oct-13 16:41pm

This is not how you asked in first place. You are trying to ask at least 4 different question: in the title, body of the question and different comments.
I answered about "resolution" (which is mainly irrelevant) and general design, will answer this one, too, wait a minute...
—SA

3 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)

Ron Beyer · Accepted Answer · 2013-10-30T10:16:00

Solution 1

The key, I think (and there are many studies to support this) is to maximize the use of white-space. It reduces strain on the eye and makes the site much more pleasant to read and navigate. If you look at a lot of pages, they design for one resolution (the lowest they support) and then use margins to show white-space.

Pages that fill the margins with useless information are difficult to use. Look at this site, MSN, Google, etc. Lots of white space, lots of traffic.

Posted 30-Oct-13 10:16am

Ron Beyer

Comments

Computer Wiz99 30-Oct-13 16:21pm

Ok, thanks for the info but any way on how to do it. When I look at the website on Firefox it looks good. But on ie every thing is off.

Ron Beyer 30-Oct-13 16:36pm

That doesn't really have anything to do with screen resolution, that's probably the different browsers handling your CSS or tables differently. Unfortunately Microsoft has a jaded view of the word "standard", so there are work-arounds. If we knew more about how your site is laid out (css, tables, etc) we can probably point you to some resources for working around IE.

Sergey Alexandrovich Kryukov 30-Oct-13 16:39pm

Maybe you over-estimated the OP's understanding in first place. The problem is general understanding.
However, your advice is wise, even though it is pretty much irrelevant to the question. (I voted 5 anyway.)
Please see my answer.
—SA

Sergey Alexandrovich Kryukov 30-Oct-13 16:51pm

And OP keeps asking different questions, far from what we could understand in first place.
In response to next OP's comment, I added Solution 3.
—SA

Sergey Alexandrovich Kryukov · Accepted Answer · 2013-10-30T10:50:00

Computer Wiz asked:
Is there a way to setup the site to where it looks right on all the browsers?

I don't know if you can, but this is possible. It depends on what's someone would consider as "right".

What you cannot do it to make the site looking identical on different systems and browsers. These days, it is still nearly impossible. Unfortunately, all browsers (more exactly, layout engines) render content with slight (sometime amazingly noticeable) differences, they don't implement existing standards exactly, and the standards are far from being mature, they also have some fussiness in description of the behavior.

And you should not try to do that. You still can make look sites "right" and recognizable, but it's easier to advise that to follow the advice. Please see my past answer:
Fix resolution and browser incompatibility[^].

—SA

Sergey Alexandrovich Kryukov · Accepted Answer · 2013-10-30T10:37:00

Solution 2

You cannot change resolution in a Web application and should not do it in any other applications. Web applications don't have access to client systems, by apparent safety reasons. You want just the opposite behavior: your application should not be rigid, it should fit to a wide range of the sizes of the browser window (not just resolution which is even irrelevant in this context). You need to learn and consider the use of liquid, fluid and elastic design. Please see my past answer:
To Get Screen resolution[^].

—SA

Posted 30-Oct-13 10:37am

Sergey Alexandrovich Kryukov

Comments

Ron Beyer 30-Oct-13 16:43pm

I 5'd yours, I don't think he's trying to manipulate the display resolution, but get his website to look the same regardless of resolution. His comment to my answer cleared up a lot when he said that it "looks fine on Firefox but not on IE" (assuming same computer just different browsers), which doesn't deal with resolution at all, but MS's interpretation of a "standard".

Sergey Alexandrovich Kryukov 30-Oct-13 16:52pm

Thank you, Ron. Probably not, as I can see now. He keeps asking in different way, please see other comments and Solution 3.
—SA