469,315 Members | 1,866 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,315 developers. It's quick & easy.

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 50976
Gazing into my crystal ball I observed mu************@gmail.com writing in
news:11*********************@v46g2000cwv.googlegro ups.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_ "automatically 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 "automatically 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********@schestowitz.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.news.prodigy.com>,
Chris Beall <Ch*********@prodigy.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
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

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 discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Ronny Sigo | last post: by
2 posts views Thread by Mustufa Baig | last post: by
1 post views Thread by GMK | last post: by
6 posts views Thread by Darian | last post: by
5 posts views Thread by Maxi | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by harlem98 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.