I'm just stunned

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/2003/05/05/why_we_wont_help_you

Under Subject: I'm just stunned
Stan Brown wrote:

Thirty seconds on W3schools told me that IE doesn't support
max-width.

Well, this time the information was correct if you realize that this applies
to
- IE 6 and earlier and
- IE 7 in Quirks Mode.
But W3schools is generally unreliable, and it is better to use other
resources, such as
http://www.quirksmode.org/css/contents.html
for CSS support in browsers.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

In article <hz6Gk.76250$_03.32730 (AT) reader1 (DOT) news.saunalahti.fi>,
"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote:

Under Subject: I'm just stunned
Stan Brown wrote:

Thirty seconds on W3schools told me that IE doesn't support
max-width.

Well, this time the information was correct if you realize that this applies
to
- IE 6 and earlier and
- IE 7 in Quirks Mode.

The Ruthsarian menu system includes javascript functions to implement
min-width under such circumstances. According to the source file, it
comes from here:

http://www.projectseven.com/tutorials/css/minwidth/

I would think someone must already have worked out how to do max-width
using the same basic approach!

I include the necessary script stuff inside an IE conditional comment,
as its the only JS on my pages.

But W3schools is generally unreliable, and it is better to use other
resources, such as
http://www.quirksmode.org/css/contents.html
for CSS support in browsers.

Sun, 5 Oct 2008 20:10:55 +0300 from Jukka K. Korpela
<jkorpela (AT) cs (DOT) tut.fi>:
..

But W3schools is generally unreliable, and it is better to use other
resources, such as
http://www.quirksmode.org/css/contents.html
for CSS support in browsers.

So noted; thanks!

--
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/2003/05/05/why_we_wont_help_you

Jukka K. Korpela wrote:

Under Subject: I'm just stunned
Stan Brown wrote:

Thirty seconds on W3schools told me that IE doesn't support
max-width.

Well, this time the information was correct if you realize that this
applies to
- IE 6 and earlier and
- IE 7 in Quirks Mode.
But W3schools is generally unreliable,

Yes.

and it is better to use other

I suppose there are worse. Maybe About.com.

resources, such as
http://www.quirksmode.org/css/contents.html

That page reads:
"Multiple classes", says "yes" for IE6.

It is fairly common knowledge that IE6 does not properly support
multiple classes.

Garrett


--
comp.lang.javascript FAQ <URL: http://jibbering.com/faq/ >

Under Re: Support to max-width in IE
dhtml wrote:

resources, such as
http://www.quirksmode.org/css/contents.html

Generally, when you re-open a discussion that ended two months ago, it's a
good idea to inform readers of this and maybe explain why you are doing
that. Besides, it's a particularly idea to check whether the Subject line
has anything to do with what you are about to say and to change it when
needed (unless you decide to open a new thread, which is often an even
better idea).

That page reads:
"Multiple classes", says "yes" for IE6.

Read it again. It says "buggy". And the response headers say
Last-Modified: Tue, 11 Nov 2008 19:24:30 GMT
so this isn't due to a recent fix there.

It is fairly common knowledge that IE6 does not properly support
multiple classes.

If you followed to link in the cited resource, pointing to
http://www.quirksmode.org/css/multipleclasses.html
you would see a note about this, in a much more useful formulation than
"does not properly support multiple classes". IE 6 allows you to write
class="foo bar" and implements it but with the bug that p.foo.bar is
effectively treated as p.bar, which is wrong and bad but not a big issue in
practice, since more often you use just p.foo and p.bar. The main use for
multiple classes for an element is to make it possible to apply two or more
sets of declarations to an element, not to have multiple class names in one
selector.

--
Yucca, http://www.cs.tut.fi/~jkorpela/