[thelist] CSS max-width question.

[Jonathan_A_McPherson at rl.gov]

Craig,

Thanks for the information/script... *sigh* I really hate resorting to JS
manipulation of the DOM, but it does appear to be the best we can do for
now.

BTW, these comment sequences intrigued me...
<!--/*--><![CDATA[/*><!--*/
[ ... ]
/*]]>*/-->

<!--//--><![CDATA[//><!--
[ ... ]
//--><!]]>

I do believe I'll rip those off for when I use inline JavaScript/CSS.

I wonder if the above is a result of a subtle effort by the W3C to make
escaping inline scripts/style sheets so tricky that everyone links them
externally? (-;

--
Jonathan McPherson, LMIT/SD&I
Software Engineer & Web Systems Analyst
email / jonathan_a_mcpherson at rl dot gov

-----Original Message-----
From: Saila, Craig [mailto:Craig.Saila at bgminteractive.com]
Sent: Monday, August 12, 2002 10:58 AM
To: thelist at lists.evolt.org
Subject: RE: [thelist] CSS max-width question.


> -----Original Message-----
> From: Jonathan_A_McPherson at rl.gov [mailto:Jonathan_A_McPherson at rl.gov]

> become longer). I want the box to size to less than 800px if the
> browser window gets smaller (i.e. if the user doesn't like to browse
> fullscreen or has a lower-res display -- 800x600, 640x480).

Best bet is JavaScript, unfortunately. I've worked up an example that should
work in IE 4+ using JavaScript and Gecko-based browsers using max-width.
Feel free to scalp.
<http://www.saila.com/usage/tips/examples/max-width.html>

Basically detects the page width, if its greater than 800 the container is
given a style of 800px, otherwise it's set to 100%.

> Any suggestions? I'm sure this is a common quandary..

Unfortunately, it is...

--
Cheers,

Craig Saila
------------------------------------------
craig at saila.com : http://www.saila.com/
------------------------------------------