Don Hinshaw wrote:
Hello all, I am hoping that some of the kind folk who gave me advice
on the use of CSS expressions might take a look to see if I have
overlooked anything crucial. The problem that led me to this solution
was the center column dropping down when the viewport was narrowed.
My page is here: *http://tinyurl.com/78vsq The css is here:
**http://tinyurl.com/azukm
I am especially interested in how it behaves in any flavor of IE/Win
IE6/win2K-pro: the center-part still falls down when I bump up font-size
(in the browser itself), because the two side-columns also gets wider.
This font-size dependency means you'll have to compromise a bit, so here
is my solution:
---------------------
/* fallback */
#findServices, #maincontent select {width: 98%;}
#wrapper {760px;}
/* min-width simulation */
#findServices, #maincontent select
{width:expression(document.body.clientWidth > 950? "500px": "98%" );}
#wrapper {width:expression(document.body.clientWidth < 762? "760px":
"99.98%" );}
---------------------
The forms in the center-column are not changing from fluid to fixed
width as nicely as you may wish them to, but that can't be fixed without
changing the layout-method for the entire page.
I set the 'attack-width' for min-width in IE/win narrower, as I want it
to act smooth. Test that value in all versions of IE/win, and make it as
smooth as possible.
The fallback definitions are active *if* javascript is turned off. You
may not need those, as your page is depending on javascript anyway, but
I thought I'd include them as they do no harm.
Note: this '99.98%' value I use is to fix a potential weak-spot in
IE/win, in that it allow for a slightly different 'attack-width' (762)
from the 'holding-width' (760px), while making it look quite smooth when
"min-width" sets in. IE/win may have problems (sometimes) if the
'attack-width' and the 'holding-width' is identical.
There are some "flashing" when I change browser-width, but I'm not sure
if that has anything to do with the 'min-width simulation'.
I worked on a local copy, so _do some more testing_ as expressions can
be a little tricky when files are copied back and forth.
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/
