Re: shrinkable/expandable layout with CSS?



On 2007/11/23 15:56 (GMT-0800) Don Li apparently typed:

Honestly have not touched CSS for years, so, back to square one on
this...

What I'd like to do if possible with CSS is this:
create a layout that is shrinkable or expandable when a user drag it,
kind of like a window on a desktop, you can drag it to make it bigger
or smaller... so, the content within would also be proportionally
shrunk or expanded...

Is it possible with CSS? If so, could you show an example?

Thanks.
P.S. I've searched this NG and googled for it to no avail.

I don't know why anyone would think it a good idea. I think it's really dumb
for objects like text and images to vary in size depending on window size.
You could use percentages to size images and containers, but percentages for
fonts apply based upon ancestor font sizes, not container sizes. You'd have
to use something other than CSS for them, like this example:
http://nickcowie.com/ . Note there if your zoom or default font size is more
than nominally larger than about 16px, no matter the window size, it has a
horizontal scrollbar.

What's wrong with sizing based upon font size? That way, with care, you can
maintain good proportions within reasonable ranges of window sizes, as here:
http://mrmazda.no-ip.com/auth/Sites/ksc/
--
" A patriot without religion . . . is as great a
paradox, as an honest man without the fear of God."
John Adams

Team OS/2 ** Reg. Linux User #211409

Felix Miata *** http://mrmazda.no-ip.com/
.



Relevant Pages

  • Re: OE has gone large print
    ... So, tomorrow, I'll once again try to copy all my .dbx folders from old 'defective' identity to this new one. ... All of a sudden, the scroll bar wouldn't move, the entire window began to shimmy. ... the font size is out of whack - too big. ... Some old e-mails look ok, but if I attempt to forward and add content, my normal Arial 12 looks two sizes bigger. ...
    (microsoft.public.windows.inetexplorer.ie6_outlookexpress)
  • Re: Display properties-Appearance-Wesley help?
    ... Is the Menu bar; ... Font choice, font color, font size and Bold ... That is called the Menu bar and is listed as Menu in the Window ... Color 1 is the bar background color. ...
    (microsoft.public.windowsxp.newusers)
  • Re: Display properties-Appearance
    ... That is called the Menu bar and is listed as Menu in the Window elements ... Is the Menu bar; ... Font choice, font color, font size and Bold ... Color 1 is the background color. ...
    (microsoft.public.windowsxp.newusers)
  • Re: Display properties-Appearance
    ... That is called the Menu bar and is listed as Menu in the Window elements ... Is the Menu bar; ... Font choice, font color, font size and Bold ... Color 1 is the background color. ...
    (microsoft.public.windowsxp.newusers)
  • Re: Display properties-Appearance-Wesley help?
    ... Is the Menu bar; ... Color 1 is the bar background color. ... Font choice, font color, font size ... That is called the Menu bar and is listed as Menu in the Window ...
    (microsoft.public.windowsxp.newusers)