|
|
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
Navigation:
[Reply to this message]
|