Paul Novitski wrote:
At 6/2/2007 03:06 AM, Designer wrote:
Sparked partly by the recent discussions on elasticity, I've been
attempting to put together a 'template', based on em's and with a
max-width. I've used an expression for max-width in IE <7 (pinched
from Georg!). I've tested it in FF1.5, IE6 IE7, Opera 9, and Netscape
4.02. To accommodate the latter I've used a simple table instead of
floating, but ignore this please - my main concern at this point is
that the basics work without falling apart in other browsers.
If you have time to do a check and comment I'd be really grateful.
The links are dummies, apart from 'projects'. You can see it at:
http://www.marscovista.fsnet.co.uk/newtemplate/template.html
Nice work!
Thanks!
In FF2 I can narrow the window to about 348 pixels before I get a
horizontal scrollbar.
Great!
IE7 doesn't support text enlargement very well. I'm getting a
horizontal scrollbar as soon as I start enlarging the text, even when
the apparent content width doesn't require it. I've been wrestling with
that in my own layouts; I'm sure the solution is close at hand.
Do tell me when you've got the answer . . . :-)
Did you experiment with floating the menu so that it flips underneath
the content (or vice versa) when horizontal space is constrained beyond
a certain point? I imagine that will be necessary to support people who
want three or more columns.
It's on the list!
You chose a background image for the header that nicely repeats
horizontally as the page expands. To be more versatile I think it ought
to repeat vertically as well to support high enlargement in modest
window widths. Real world logos are most often single fixed image
rather than a repeating pattern, but in many cases it's easy enough to
fade them to monochrome to the right and below or blend them to a
lower-level background image that does repeat (such as a gradient).
I think I'm too tired. I simply can't get the thing to repeat on
enlargement. I've put it in a div and put it as the background there,
but it still won't go vertical as well. I'm Confused! It's 123 by 236px
in size. Maybe it's too high for this.
If you size the cartoon in ems as well, I think you might be pleasantly
surprised at how well it survives. Tedd Sperling has been doing a lot
of that lately (<http://sperling.com/examples/zoom/>) and it seems to
work pretty well -- as long as the crispness of the images isn't crucial
to the communication, as it might be for a photographer's or artist's
website.
Great idea. Done it, works a treat!
Thanks for your help.
--
Bob
www.gwelanmor-internet.co.uk
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
