Peter Bradley wrote:
> When I try to scale up or down (Ctrl+ or Ctrl-), the header stays the
> same size. I've given it an explicit height of 16em and an implicit
> width of 100%, and I was expecting it to scale, ems being scalable and
> all that. Even with implicit width and height, it doesn't scale.
It may be just as well that the header image does not scale (except in
Opera) because it does not a pretty picture make when scaled-- personal
opinion of course. Others on the list can provide the methods for it to
scale images if you still want it to do so. Personally, I'd wait until
the technology for making this happen less crudely than now is in place.
> Scaling up isn't too bad, but on scaling down, the menu and main text
> soon finds itself on top of the banner. It scales OK when the browser
> window is resized (althought that doesn't alter the font size, of
> course). I can live with this as I guess that the ability to scale up
> is more important than the ability to scale down, but if anyone knows of
> a better way to code it, I'd be very grateful.
The page needs a little more structure to employ font-scaling up or
down. The basic principle for doing so comes from print media layout
<shudder the thought>. *Hold the horizontals * (on the Web it means set
width in px, em, percent, min/max or some combination of them) and *hit
the verticals* (by not restricting or impeding height). The example 
employs px width
and has been cursory checked in IE/6, IE/7, and compliant browsers.
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/