Posted by K A Nuttall on 11/13/06 23:11

David Smithz wrote:

> Any guidelines greatly appreciated.

Get a book called Bulletproof Web Design. I read it this summer -
fantastic.

I recommend setting BODY to font-size:medium*, then your page wrapper
DIV to font-size: 62.5%. That sets a base font size of 10px. Then set
sections within the page using percent or ems, like 120% (=12px), or
1.5em (=15px).

That way, you can predict roughly how big the fonts will be to the
nearest pixel, and user-agents can zoom in or out to their hearts'
content.

Try not to design with fixed height containers, unless you allow for
expanding text. Setting blocks using line-heights in percent or ems
allows for fonts to expand without overlapping.

It's a big subject, and I won't attempt to cover it in any detail, but
it's certainly possible, as long as you allow for expansion in your
layout.

(* old IE messes up medium, so you need tan hack to fix it)

--
K A Nuttall
www.yammer.co.uk
Re-type the e-mail address how it sounds, remove .invalid

[Back to original message]