Click here to Skip to main content
15,891,253 members
Search within:


how we can adjust web page size that might be fit to our web browser?
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
C#
ASP.NET
how we can adjust web page size that might be fit to our web browser?
Posted
Add a Solution

2 solutions

You use CSS to create styles that can adjust to different resolutions. Tutorial[^]

If you need to be more dynamic than CSS can provide for you, you can also bring javascript into it. If you need to do that, I would suggest using jquery libraries as a lot of the cross-browser issues will already be dealt with.
 
Share this answer
 
Posted
Updated 27-Nov-12 5:43am
v2
Comments
faizanme 27-Nov-12 11:47am    
thanks a lot marcus.
Sergey Alexandrovich Kryukov 27-Nov-12 12:46pm    
This is one case where I'm not quite agree with you. Using CSS and jQuery are the good ideas (I voted 4), so what? The root of the problem is that the whole idea to control the page width is really bad; it's the content should be adaptive enough for all reasonable sizes. Please look at my answer to see what do I mean.
--SA
fjdiewornncalwe 27-Nov-12 13:30pm    
The use of CSS and JQuery would be to not restrict the page dimensions but to provide a dynamic way of adapting the UI to the user's parameters.
Sergey Alexandrovich Kryukov 27-Nov-12 17:38pm    
Right, but I wish you have said that in your answer.
Cheers,
--SA
I'm sure the attempt to adjust a page size is just a wrong idea. And, where the differences between layout engines come into play, you will never win the infinite race. :-)

Instead, you should better embrace the ideas of fluid, liquid and elastic designs:
http://speckyboy.com/2010/05/30/liquid-fluid-and-elastic-layout-templates-tools-and-frameworks/[^],
http://www.sitepoint.com/liquid-design/[^],
http://www.thesitewizard.com/webdesign/liquid-elastic-fixed-relative-layout.shtml[^].

Please also see my past answers on related topics:
webpages layout change when running in different browsers.[^],
get screen width in php?[^].

—SA
 
Share this answer
 
Posted
Add a Solution

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

  Print Answers RSS
Top Experts
Last 24hrsThis month
Related Questions
Adjust controls position for all size browsers
how to fit the web page to the screen
gridview adjust as per the screen size
how to set asp.net web form size fit to google chrome or in any browser
Exactly fit asp page in screan
browser size and webpage size
Make Web Page Fit All Screen Sizes / Resolutions
how can adjust resulation of web page?
Gridview directly printing or Excel Adjust for printing in A4 size page
How do I set a web page size resolution in HTML

Advertise
Privacy
Cookies
Terms of Use
Last Updated 27 Nov 2012
Layout: fixed | fluid
Copyright © CodeProject, 1999-2024
All Rights Reserved.

Web03 2.8:2024-04-02:1

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900