Recently, I've been experimenting with a "flash-aesthetic" rectangular
box layout - fixed height and width that is somewhat smaller than the
viewport (at least for the homepage). When I coded the page to fill a
800x600 screen, the whole thing (including the text) looked tiny on my
1920x1200 screen.
I am somewhat used to things looking tiny on my screen, but this time it
made me wonder why so many websites took up so little of my screen real
estate. Wouldn't it be great if a layout would scale to automatically
optimize viewing on any screen on any viewport size - a layout that is
proportional to the viewport (within certain limits, of course)? This
flexibility would also be useful in terms of maintaiming design intent
through text resizing.
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?
Thanks for the help/direction!
A link to a gif of a very rough draft of the layout in question is
provided below:
http://www.sixteenfeet.com/layout.gif
(The ellipse with "CYCLE" inside is an absolutely positioned div with a
bg image, that element must stay in that particular relation to the
edges of the other divs through resizing, yipes! Also, the gray footer
background is for development purposes only.)
______________________________________________________________________
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/