473,703 Members | 3,348 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Auto resizing web page according to screen resolution

Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatically resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......

Feb 23 '06 #1
7 51393
Gazing into my crystal ball I observed mu************@ gmail.com writing in
news:11******** *************@v 46g2000cwv.goog legroups.com:
Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatically resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......


http://allmyfaqs.net/faq.pl?AnySizeDesign

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
Feb 23 '06 #2
mu************@ gmail.com wrote:
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.


They're _NOT_ "automatica lly resized". Instead they take whatever size
they're given by the user and make the best use of it that they can.
Look up "fluid design" (particularly in this newsgroup) to find out
more.

There are some sites that "automatica lly resize" their windows. This is
a bad technique - some users prevent it, most dislike it and it's
certainly not the way to go about it

Feb 23 '06 #3
mu************@ gmail.com wrote:
Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatically resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......


To summarize what Boswell and Dingley said, DON'T.

Design your Web pages without any knowledge of the browser, resolution,
or screen size chosen by those who view the pages. Otherwise, you risk
making your pages unviewable by those who have Web-capable cell phones,
who use Web-TV, or choose not to maximize their browser windows.

What is the resolution used by someone who is blind and is using an
audio browser? What size would you make a page for that browser?

--

David E. Ross
<http://www.rossde.com/>

Concerned about someone (e.g., Pres. Bush) snooping
into your E-mail? Use PGP.
See my <http://www.rossde.com/PGP/>
Feb 23 '06 #4
mu************@ gmail.com wrote:
Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatically resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......


Mukeshgupta,

You are getting the right answers here ('fluid design' or 'liquid
design'), but I think some responders misinterpreted what you were
requesting.

I believe you did not intend to alter the dimensions of the user's
window, but rather were asking how to automatically have the page adjust
to the dimensions of the window the user has provided. The former is
Bad, the latter is Good.

For an extreme example (which is not suitable for a production
environment because of what it does to image quality) see
http://pages.prodigy.net/chris_beall/sandbox/index.html.

Chris Beall

Feb 24 '06 #5
__/ [ David E. Ross ] on Thursday 23 February 2006 22:47 \__
mu************@ gmail.com wrote:
Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatically resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......

To summarize what Boswell and Dingley said, DON'T.

Design your Web pages without any knowledge of the browser, resolution,
or screen size chosen by those who view the pages. Otherwise, you risk
making your pages unviewable by those who have Web-capable cell phones,
who use Web-TV, or choose not to maximize their browser windows.

....Not to mention privacy, JavaScript, the possibility of a viewer receiving
the pages via a terminal/proxy, etc.

What is the resolution used by someone who is blind and is using an
audio browser? What size would you make a page for that browser?

Never thought of that one, yet. Speaking of which, yesterday I read that
Google will replace a Lynx-type crawler with one which renders the pages
using Gecko. It could get insight into design aspects and compatibility with
different screen sizes.

http://www.adsensebits.com/node/24

Best wishes,

Roy

--
Roy S. Schestowitz | "Spam enchanted evening..."
http://Schestowitz.com | SuSE Linux | PGP-Key: 0x74572E8E
8:40am up 6 days 20:59, 8 users, load average: 0.98, 0.74, 0.50
http://iuron.com - next generation of search paradigms
Feb 24 '06 #6
Fri, 24 Feb 2006 08:45:41 +0000 from Roy Schestowitz
<ne********@sch estowitz.com>:
Speaking of which, yesterday I read that
Google will replace a Lynx-type crawler with one which renders the pages
using Gecko. It could get insight into design aspects and compatibility with
different screen sizes.

http://www.adsensebits.com/node/24


You should have read the _whole_ page that you cite. (Or maybe the
comments came in after you read it.) Most responders are throwing
cold water on that report.

If it does turn out to be true, it's really bad news for good page
design. One of the strongest arguments against Javascript(1) is that
Google doesn't index it or follow its links. If we lose that, it
becomes harder to resist the tide.

Not the only argument, but one the best because it's easiest to
explain and dee-zigh-ners can't argue that it's not true.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Feb 24 '06 #7
Michael Vilain wrote:
In article <yU************ ***@newssvr33.n ews.prodigy.com >,
Chris Beall <Ch*********@pr odigy.net> wrote:

mu*********** *@gmail.com wrote:

Hi,
i have seen in many web sites, the size of pages are automatically
resized according to screen resolution.
generally we create web layout for 800x600 but if we view it in1024x768
then the page open have wide space on right.
Is there any kind of coding to overcome this situation.like when we
wiew the page created in 800x600 in 1024x768 resol. then it
atomatical ly resized to full screen without having any scroll on
browser.

Can any body have the solution....... .......


Mukeshgupta ,

You are getting the right answers here ('fluid design' or 'liquid
design'), but I think some responders misinterpreted what you were
requesting.

I believe you did not intend to alter the dimensions of the user's
window, but rather were asking how to automatically have the page adjust
to the dimensions of the window the user has provided. The former is
Bad, the latter is Good.

For an extreme example (which is not suitable for a production
environment because of what it does to image quality) see
http://pages.prodigy.net/chris_beall/sandbox/index.html.

Chris Beall

Isn't that what CSS' use of sizes in "em" is about? Instead of
specifying a px or pt size for a font, specify a fraction of ems. That
way, the element is supposed to scale with the display depending on the
browser. Or do the books I've read on CSS design have it wrong?


Michael,

Not quite. ems will size with changes in the TEXT size. Firefox, for
example, allows the user to increase or decrease text size with a
keystroke (OK, two keystrokes...). When the text gets bigger, you may
want, say, the margin space between two adjacent blocks of text to get
bigger as well. If you specify the margin in ems, say 2 ems, then when
the text is increased in size by 50%, the margin space will also be
increased by 50%.

That's a form of liquid design, but it is directed more at maintaining a
certain appearance than in fitting things into the window.

Some techniques for fitting a page into an unknown window size (all of
which have caveats, not addressed here):
- Specify the widths of things in %. If you do this with images, be
aware that image quality will suffer.
- When you would like two or more things to appear "next to" each
other horizontally, float them all to one side or the other. This will
allow them to stack if there isn't enough room for the horizontal
presentation.
- Use z-index to allow more important information to slide 'over' less
important information when space becomes constrained.

Chris Beall

Feb 25 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
6065
by: Nick D. | last post by:
Hi All! I hope there's someone that might be able to help me with this...I'm a designer, not a developer, so i hope this isn't TOO basic. Basically, I have a topbar that's a simple JPG image that I would like to put at the top of a web page...is there any way to make that image resize to fill up the whole browser window regardless of screen resolution? I suppose basically I'm looking for some sort of autoresize script that affects...
4
3240
by: Ronny Sigo | last post by:
Hello all, Ik have made an Access application on my computer which has a screen resolution of 1024 x 768. However the goal is to run it on my girlfriend's computer which has a screen resolution of 800 x 768. Of course on her computer not all of the controls are visible and she must scroll to see them all. Is there a way to adapt this automatically ? Any help very much appreciated. Ronny
2
2942
by: Mustufa Baig | last post by:
Can anybody tell me how or refer me a link where I can find the client side javascript to make the positions and resizing of the controls on .aspx page independent of screen resolution. As I am using Grid layout and it uses pixel units. Thanks.
1
2350
by: GMK | last post by:
Hi all i would like to know how could i let my application to auto detect the clients screen resolution and to fit my application design on the spesification of the clients screen is there any Java script function that do this ot a VB.NET function. thank you so much!
6
2678
by: Darian | last post by:
I am wondering how (if it is possible of course) I can change a users screen resolution to a certain size when running my application and then change it back when they exit my application. For instance, if the users screen size is 800x600, I want the resolution to change to 1260x780 when running my program and then change back to 800x600 when exiting my program. Thanks, Darian
5
6202
by: Maxi | last post by:
I have a 30X16 cells table in my html page. Table height and width are set to 100%. I have set size of every cell inside the table to 24 pixel. When I open the html page in maximize state in either resolution 800 X 600 or 1152 X 864 it takes up the entire explorer size. In screen resolution 800 X 600, if I insert a pictures of 24 X 24 pixel in the cells it takes up the entire cell size (ideally it should as the cell size is also 24 X...
14
48989
by: Seige | last post by:
Ever had headache when you can't resize the background width using CSS: body{ background: url(/images/bg.jpg) ; background-width: 800px; } It won't work, would it? Of course not, it's not even defined in CSS. So, let's try to work it out using Javascript: There are two methods, first method you prepare plenty of different
0
2167
by: elangobala | last post by:
Hai i have a doubt in the screen resolution of my page. i m using the screen resolution of my pc as 1024*762 pixels. i have done a jsp web page page in this resolution.while copying the page and running it in my friends room it appears differently because he s using the resolution as 1152*864 . Its there any way to solving the problem of viewing the page similarly in any kind of resolution... plz help me .... please anyone explain in...
2
1687
by: ojhashankar | last post by:
hi all, i have developed the windows application in 1024*768 resolution. its working fine it that resolution. but when i reduce the resolution to the 800*600 , all the controls are not shown properly i.e. they are out of the page . Can any one help me? how my application will automatically adjust to screen resolution. also monitor size is not uniform , in samll monitor i cant see all controls. thanks in advance.
0
8759
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9252
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9122
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7872
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5922
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4687
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3125
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2455
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2070
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.