Okay, so FINALLY I got around to putting a max-width in the header of
one page, wrapped in @media screen so that printing is still full
width.
After being amazed at how much harder it was to read the same page in
full-screen than in 50em,(*) I thought I'd see whether IE6 could
handle the @media tag. Not much of a surprise: the page was still
full width in IE6. So I tried it in my screen-only style sheet, and
to my amazement that didn't work either.
Thirty seconds on W3schools told me that IE doesn't support max-
width. I know I shouldn't have been surprised, but I am. This isn't
something hard like the box model, this is dead easy stuff, and IE
ignores it. I'm just stunned.
(I did a bit of googling for hacks, but I have no intention of adding
pseudo-javascript like "expression" to my CSS just to make IE happy.
I'm adding an unvarnished max-width to CSS as soon as I make the next
update.)
(*) 50em might still be a bit too wide, but the Web site I make for
my classes has a fair number of screen shots and I don't want to get
too narrow.
--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you