Michael Vilain wrote:[color=blue]
> In article <yUtLf.2129$%m4.79@newssvr33.news.prodigy.com>,
> Chris Beall <Chris_Beall@prodigy.net> wrote:
>
>[color=green]
>>mukeshgupta.WD@gmail.com wrote:
>>
>>[color=darkred]
>>>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..............
>>>[/color]
>>
>>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[/color]
>
>
> 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?
>[/color]
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
Auto resizing web page according to screen resolution
