Question re: Website Design & Resizing Site to Fit Browser Window?

Subject: Question re: Website Design & Resizing Site to Fit Browser Window?
From: Jean Hollis Weber <jean -at- jeanweber -dot- com>
To: "TECHWR-L" <techwr-l -at- lists -dot- raycomm -dot- com>
Date: Sat, 27 Sep 2003 21:30:42 +1000


Geoff Hart responded to a question from Sara Sue in Canada about scaleability of a website design, by commenting on what to do to cater for people who _shrink_ their browser windows, but I read Sara Sue's question to do with _expanding_ the design to fit the window, for example to fill a full-screen window on a higher-resolution monitor. She said,

In other words, it doesn't expand to fill the window of the monitor it's being viewed on... Is there an easy quick solution to make it scale/expand?
She also said,
I'm concerned about scale-ability & the graphic headers and tool bars. They are currently in a Fireworks table and significant expansion could easily distort these images in a big time kind of way.

Making a table scaleable allows paragraphs of text to become wider or narrower to fit the space available. It does NOT distort the images in the table (by stretching them horizontally), but it might cause gaps between images, depending on how they are put together in the table. Not having seen the design, I can't guess the probability of that sort of problem or suggest the best way to fix it.

One easy thing you can do, which might satisfy your client, is to have the table centered on the screen instead of aligned to the left. This will distribute any extra white space evenly on both sides of the fixed-width design, giving an illusion of filling the screen. (The Techwhirl site displays this way.)

In addition to the issue of scaling to fit screen width, I recommend you ensure the fonts are scaleable, so people can enlarge them if they wish -- this is a major accessibility issue. Making fonts scaleable is easy: simply change any fixed font sizes in the HTML or the CSS to relative font sizes. (You may need to go into the code to do this.) However, sometimes when you do this, and a user enlarges the font, the design can get quite messed up, so after testing you might find that you need to change the overall design.

Most designs behave just fine with enlarged fonts, but a common problem is text in a fixed-height table cell; when you enlarge the font size, the bottom of the paragraph can disappear completely unless the code includes instructions to the table to enlarge the cells to fit the amount of text. Enlarging a font might also mean the user needs to scroll vertically, but believe me -- those of us who need to enlarge fonts to read the text don't mind a bit of scrolling! It's a lot better than squinting or getting out the magnifying glass.

Regards, Jean
Jean Hollis Weber
jean -at- jeanweber -dot- com
The Technical Editors' Eyrie http://www.jeanweber.com/


^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

NEED TO PUBLISH YOUR FRAMEMAKER CONTENT ONLINE?
?Mustang? (code name) is a NEW online publishing tool for FrameMaker that
lets you easily single-source content to Web, intranets, and online Help.
The interface is designed for FrameMaker users, so there is little or no
learning curve and no macro language required! See a live demo that
will take your breath away: http://www.ehelp.com/techwr-l3

---
You are currently subscribed to techwr-l as:
archive -at- raycomm -dot- com
To unsubscribe send a blank email to leave-techwr-l-obscured -at- lists -dot- raycomm -dot- com
Send administrative questions to ejray -at- raycomm -dot- com -dot- Visit
http://www.raycomm.com/techwhirl/ for more resources and info.



Follow-Ups:

Previous by Author: Re: Linux users' expectations of online help
Next by Author: Re: technical writer degree programs
Previous by Thread: RE: What deadly serious article about technical writing would you pay money to read?
Next by Thread: Re: Question re: Website Design & Resizing Site to Fit Browser Window?


What this post helpful? Share it with friends and colleagues:


Sponsored Ads