single page sliding website with diffrent resolution

Question

1.00/5 (2 votes)

See more:

Hi i have developed a website with 3 resolution
1>1132x640
2>846x480
3>1728x972
i have made a landing page which realocate the user to the page as resolution of the monitor .
but there is a problem its cover the whole screen .
what to do ?

Posted 13-Jan-13 19:24pm

Ashwin Sunny

Updated 14-Jan-13 11:40am

Abhishek Pant

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 14-Jan-13 1:51am

Makes little to no sense. What will you do with all different screen sizes?
The only right approach is development of resolution-tolerant design. You can read on fluid and liquid design techniques...
—SA

Sandeep Mewara 14-Jan-13 2:47am

This is not a well framed question! We cannot work out what you are trying to do/ask from the post. Please elaborate and be specific.
Use the "Improve question" link to edit your question and provide better information.

Sergey Alexandrovich Kryukov 14-Jan-13 17:54pm

OP clarified a bit, but now, this is a really bad idea...
—SA

1 solution

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)

AspDotNetDev · Answer 1 · 2013-01-14T13:32:00

While I'm not 100% certain what you are talking about, there are two concepts which you may be referring to:

Responsive Web Design (RWD)
Adaptive Web Design (AWD)

RWD is when the page changes on the client side when the window resizes (actually, it can refer to a number of concepts, but the window width is a very common one).

AWD is when the page is served up based on the device detected, typically using the user agent string that gets sent to the server with the web request. It infers a device width and serves up content appropriate for the device.

It sounds as if what you are doing is similar to AWD, though maybe you are redirecting to specialized pages rather than just serving up different content on the primary URL. Don't do that. In fact, I wouldn't recommend AWD at all, as it is inflexible and won't accept new form factors that are introduced in the future (e.g., some new iPad with 10x the resolution of the current one).

Instead, use media queries and/or JavaScript (depending on which browsers you want to support) to detect the current window resolution and display content accordingly. This is RWD. If you want to know more about it, maybe buy the book, Responsive Web Design.