Set A Standard Screen Resolution For Web Application

Question

0.00/5 (No votes)

See more:

Hi,
I have a web application and when it runs on my system it works fine according to my system resolution and I have 15 inch monitor where I made this.If i see it in 17inch or 19inch tft it doesn't show as previous.The image moves here and there for screen resolution what I'll have to do.You can see that web application online its web address is http:\\www.sph.net.in. Please give me any idea or reference.
Thanks in advance

Posted 7-Jul-11 21:30pm

singh7pankaj

Updated 12-Jun-16 0:54am

Add a Solution

Comments

Nitij 13-Jun-16 5:53am

I would advise to have a good bootstrap layout and redesign everything. There are tons of free bootstrap 3 templates available that you could use.

6 solutions

Solution 1

You need to design your site properly. You cannot force users to change resolution. No other web site does.

Posted 7-Jul-11 21:34pm

Christian Graus

Comments

singh7pankaj 8-Jul-11 3:42am

Have You check my web site.The Right side flash which is given on site that position is absoulute because the four images which is look like frame around that flash is also absolute.If I donot put that images as absolute it won't look like that and If i put absolute then it fix on that position for all computer resolution.Then What i'll have to do.

Sergey Alexandrovich Kryukov 8-Jul-11 4:27am

Well, a 5. Now, did you see the site? How long time ago did you see something as ugly? Don't you think any advice can help. Well, except mine, please see... :-)
--SA

fjdiewornncalwe 8-Jul-11 7:51am

OMG!!! I did not expect that. I wish I hadn't opened that page. The guy sitting next to me saw the color out of the corner of his eye and immediately swung his chair over to see what the hell I was looking at.

Sergey Alexandrovich Kryukov 8-Jul-11 8:36am

Oh, I already feel guilty that I brought it to your attention.
Sorry... :-)
--SA

Christian Graus 8-Jul-11 4:34am

No, I did not look at your site. I don't care. The nature of the web is, you have no way to control the size of the browser, and therefore you need to write it so it works in any size. To make it, for example, always be 1024 wide, with padding on either side if the screen is bigger, is trivial.

Sergey Alexandrovich Kryukov 8-Jul-11 8:35am

I guess, if you saw the site, you would probably loose your ability for so rational arguments... :-)
--SA

thatraja 10-Jul-11 1:59am

5!

Solution 4

It's not the resolution that's at fault - it's your web site. Espen suggested using a table, but I personally think that's the wrong approach. Properly designing the web site is what you actually want to do. If you create a div on your master page, and constrain that div to a given width and position (if that's what you want to do), everything you put into that div will be constrained to that div. Problem solved.

Posted 8-Jul-11 1:30am

#realJSOP

Comments

Sergey Alexandrovich Kryukov 10-Jul-11 1:04am

Yes, of course. A 5.
--SA

thatraja 10-Jul-11 1:59am

5!

Solution 5

As all the other answers indicate, your design is the issue, not the resolution.
What I typically do when designing a web page is start with a static minimum page size and I design my UI initially to that and then make the necessary modifications to allow the page to grow. Growing is always easier than Shrinking. I also would discourage you from using absolute positioning of items. Build the page with item flow in mind using relative locations. And please, please, please change that color scheme. I opened your link and my coworker saw it from 10 feet away and had to swing around and see what I was looking at. That is not the reaction you want.

Posted 8-Jul-11 1:54am

fjdiewornncalwe

Comments

Sergey Alexandrovich Kryukov 10-Jul-11 1:06am

I absolutely agree, my 5, but in this case the site (I know you saw it, unfortunately :-) does not deserve discussions on the "design".
--SA

thatraja 10-Jul-11 2:01am

Yes, should change the color theme first.
5!

Solution 3

Just use a table[^] - it's simple solution.

Best regards
Espen Harlinn

Posted 8-Jul-11 1:20am

Espen Harlinn

Comments

Sergey Alexandrovich Kryukov 10-Jul-11 1:03am

I understand what do you mean, but OP would need explanation of how to use it to resolve this problem. Also, I still think having fixed-size layout is ugly, to say the least. I voted 4 this time.
As the the site... (sigh)... well, please see my answer.
--SA

Espen Harlinn 10-Jul-11 6:47am

Good fluid layouts, for complex sites, are pretty hard to create. As OP obviously has something to struggle with - I thought it a better place to start.

Sergey Alexandrovich Kryukov 12-Jul-11 16:39pm

This hardness is proportional to complexity of design. That's why I also vote for simpler design -- being functional and fluid is more important and more likely for simpler design.

You know, I learn some good industrial design at http://design.ru -- top design house. They have a free service where anyone can send any work and ask for evaluation. If the work is interesting to them (good a bad), they will answer (it looks like using obscene language is a must for them -- oh, boy!). Usually that say... well, bad words (nobody ever gets offended), but in rare cases they say: come to us, we have a work for you (and they pay very well). So, they say: if you have one single thin line or an area with different color which carry no function -- your design goes to dumpster! I agree with that.

--SA

Espen Harlinn 12-Jul-11 16:56pm

Seems like they employ artist from all over europe - some of those designs are fairly distinctive :)

thatraja 10-Jul-11 2:00am

Agree with SA. 4 also from me

Espen Harlinn 10-Jul-11 6:47am

Good fluid layouts, for complex sites, are pretty hard to create. As OP obviously has something to struggle with - I thought it a better place to start.

Solution 6

Yes you should design the pages using % (percentage) units....BTW Take a look at this bunch

Liquid layouts the easy way[^](Recommended)
HTML Layout Guidelines for ASP.NET Web Page Globalization[^]
Get Monitor Screen Resolution with Javascript[^]
Detecting a Client's screen resolution in ASP.NET[^]
Automatic style changes of ASP.NET controls as per client's screen resolution[^]
Expandable Website Design - Designing Websites For All Screen Resolutions[^]
How to Design Web Pages for All Screen Resolutions[^]

Posted 8-Jul-11 17:53pm

thatraja

Comments

Sergey Alexandrovich Kryukov 10-Jul-11 1:07am

A lot of useful directions, very good, my 5, but... did you see the site itself? My answer? :-)
--SA

thatraja 10-Jul-11 2:02am

Done. It's a below average site. Should change all the things.

Espen Harlinn 10-Jul-11 6:50am

Another 5 - I can see why you recommended the first entry in your list - probably exactly what OP needs.

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)

Sergey Alexandrovich Kryukov · Accepted Answer · 2011-07-07T22:25:00

Checked your Web site. I've never seen anything worse for a long time (to be fair to creator of this masterpiece, I mostly spend time on well-designed sites, so what I say is not extremely negative, could be even worse). It's dirty and repellent; and the slide show blocking the main view is just аpotheosis.

Christian is right here, the site should not require a precise resolution. But your site does not require any resolution. I has no right to live. I don't know who designed all this, but… not everyone is a designer.

I don't know what would be the next step, but the first one should be throwing it out.

—SA

Set A Standard Screen Resolution For Web Application

6 solutions

Solution 1

Solution 2

Solution 4

Solution 5

Solution 3

Solution 6

Add your solution here

Preview 0

Existing Members

...or Join us