Jason Yamada-Hanff wrote:
Of course, a fluid layout fits the bill to a certain extent except
that in my case, the ratios of the container width/height and
sidebar/content widths are essential design aspects and so those
ratios must be retained.
My question is a practical one - is this something that I will be
able to roll-out with my site? is it achievable in CSS or will it
require scripting? how could I get such a thing to work?
I'm testing pages across 3840px screen-width in all browsers, so I have
an idea about what you're after. I've played with proportional scaling
as part of mostly fluid designs, but once the fun was over I scrapped
most proportional scaling, and limited the fluidity.
No problem doing it with pure CSS - but browsers are a little behind.
1: <http://www.w3.org/TR/css3-mediaqueries/>
You can hit any screen anyway you like, but only Opera is to some degree
able to follow up on it, and will make it look exactly as you want (but
doesn't need it). Firefox is slowly catching up on mediaqueries, but no
working solution there yet, AFAIK.
2: Proportional scaling based on em/font-size is an option. Plenty of
sites around, but they are often not using it to scale all elements,
because of the problems with image-resolution among other things.
3: Scaling everything based on percentage of window-width is also
possible, but a bit tricky. Besides, IE/win is not very good at scaling
images.
Then comes my question: is proportional scaling a good idea?
Personally I don't think proportional pages/elements are of much use in
most cases, and may be counter-productive in some cases because they may
end up not fitting anywhere.
Adjusting parts of a page proportional to window-size may work perfect
though.
Opera can zoom as the user wants, and even shrink the page to make it fit.
IE6 can also zoom, but need a user stylesheet for it.
My conclusion is that: yes, it can be done but it may not improve the
experience for the end-user.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
