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
