Same Stylesheet, Different Results

[Ben Sharvy]

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

I've pasted the stylesheet below. The problem is to center elements of
class "warning." The centering happens properly in this page:
http://homepage.mac.com/bsharvy/index.html

but not this one (or others like it):
http://homepage.mac.com/bsharvy/mirage.html

It makes absolutely no sense, since both use the same stylesheet
(mmedia.css). Again, the problem only happens with Explorer for
Windows.
--

body {color: #33aa33; background: black;}

a {padding: 1px;}
a.bright {color: #aabb55;}
a:hover { color: #aaaaff; } /* when mouse is over link */

..warning {
background: #333333;
padding: 0.5em;
border: none;
width: 60%;
margin-left: auto;
margin-right: auto;
}

h1.neutral {color: #aaaaaa;
margin-left:20%;
}

.done {
padding: 0.5em;
font-size: 95%;
background: #121212;
width:auto;
text-align: right;
}

.done a:hover {background: #aaaaff; color: #121212;}

[Neal]

On 7 Apr 2004 14:18:43 -0700, Ben Sharvy <bs*****@mac.com> wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

Add a doctype to the erroneous document. Problem solved.

[Neal]

On 7 Apr 2004 14:18:43 -0700, Ben Sharvy <bs*****@mac.com> wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

Add a doctype to the erroneous document. Problem solved.

[Steve Pugh]

bs*****@mac.com (Ben Sharvy) wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

I've pasted the stylesheet below. The problem is to center elements of
class "warning." The centering happens properly in this page:
http://homepage.mac.com/bsharvy/index.html

but not this one (or others like it):
http://homepage.mac.com/bsharvy/mirage.html

It makes absolutely no sense, since both use the same stylesheet
(mmedia.css). Again, the problem only happens with Explorer for
Windows.

Different doctypes, (or rather one doctype and one lack of doctype).
This causes one page to go into Standards mode and one to go into
Quirks mode. IE6 only supports centering via margin: auto; in
Standards mode.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Steve Pugh]

bs*****@mac.com (Ben Sharvy) wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

I've pasted the stylesheet below. The problem is to center elements of
class "warning." The centering happens properly in this page:
http://homepage.mac.com/bsharvy/index.html

but not this one (or others like it):
http://homepage.mac.com/bsharvy/mirage.html

It makes absolutely no sense, since both use the same stylesheet
(mmedia.css). Again, the problem only happens with Explorer for
Windows.

Different doctypes, (or rather one doctype and one lack of doctype).
This causes one page to go into Standards mode and one to go into
Quirks mode. IE6 only supports centering via margin: auto; in
Standards mode.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Neal]

On Wed, 07 Apr 2004 17:29:02 -0400, Neal <ne*****@spamrcn.com> wrote:

On 7 Apr 2004 14:18:43 -0700, Ben Sharvy <bs*****@mac.com> wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

Add a doctype to the erroneous document. Problem solved.

Let me specify. Add the same doctype you used on the correctly working
document.

[Neal]

On Wed, 07 Apr 2004 17:29:02 -0400, Neal <ne*****@spamrcn.com> wrote:

On 7 Apr 2004 14:18:43 -0700, Ben Sharvy <bs*****@mac.com> wrote:

I have two pages which use the same stylesheet, but only one produces
the intended result. The inconsistency only happens in Explorer for
Windows. All the Mac browsers I've tried, including Explorer 5 for
Mac, work correctly.

Add a doctype to the erroneous document. Problem solved.

Let me specify. Add the same doctype you used on the correctly working
document.

[Ben Sharvy]

Hm. OK, I'll try that. There is a reason there is no DOCTYPE on the
pages with an embedded Quicktime movie. When I added the declaration,
and verified the HTML, I was told EMBED is not supported in HTML 4.0.
I thought it would be worse to declare a non-HTML 4-compliant page as
HTML 4, than to declare nothing at all.

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

[Ben Sharvy]

Hm. OK, I'll try that. There is a reason there is no DOCTYPE on the
pages with an embedded Quicktime movie. When I added the declaration,
and verified the HTML, I was told EMBED is not supported in HTML 4.0.
I thought it would be worse to declare a non-HTML 4-compliant page as
HTML 4, than to declare nothing at all.

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

--
Spartanicus

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

--
Spartanicus

[Jim Roberts]

"Spartanicus" wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Good site. Very useful tips.

Regards,
Jim Roberts

[Jim Roberts]

"Spartanicus" wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Good site. Very useful tips.

Regards,
Jim Roberts

[Pierre Goiffon]

"Ben Sharvy" <bs*****@mac.com> a écrit dans le message de
news:d1**************************@posting.google.c om

Hm. OK, I'll try that. There is a reason there is no DOCTYPE on the
pages with an embedded Quicktime movie. When I added the declaration,
and verified the HTML, I was told EMBED is not supported in HTML 4.0.
I thought it would be worse to declare a non-HTML 4-compliant page as
HTML 4, than to declare nothing at all.

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Use Object instead of Embed :
http://www.w3.org/TR/html401/struct/...ml#edef-OBJECT

[Pierre Goiffon]

"Ben Sharvy" <bs*****@mac.com> a écrit dans le message de
news:d1**************************@posting.google.c om

Hm. OK, I'll try that. There is a reason there is no DOCTYPE on the
pages with an embedded Quicktime movie. When I added the declaration,
and verified the HTML, I was told EMBED is not supported in HTML 4.0.
I thought it would be worse to declare a non-HTML 4-compliant page as
HTML 4, than to declare nothing at all.

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Use Object instead of Embed :
http://www.w3.org/TR/html401/struct/...ml#edef-OBJECT

[Ben Sharvy]

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Document URL: http://developer.apple.com/quicktime/compatibility.html

Should I keep the OBJECT code, but replace the EMBED code with what you recommend?
Spartanicus <[e-mail]> wrote in message news:<52********************************@news.spar tanicus.utvinternet.ie>...

bs*****@mac.com (Ben Sharvy) wrote:

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

[Ben Sharvy]

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Document URL: http://developer.apple.com/quicktime/compatibility.html

Should I keep the OBJECT code, but replace the EMBED code with what you recommend?
Spartanicus <[e-mail]> wrote in message news:<52********************************@news.spar tanicus.utvinternet.ie>...

bs*****@mac.com (Ben Sharvy) wrote:

Is there an HTML 4.0-compliant way to put a Quicktime movie in an HTML
document?

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>
Maybe, note that the example code you quoted above is only intended to
show how it should be done in theory, the page argues against using it.
Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
Look again at the url I supplied, this method of coding is described
(and condemned) on the page.
Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>
Maybe, note that the example code you quoted above is only intended to
show how it should be done in theory, the page argues against using it.
Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
Look again at the url I supplied, this method of coding is described
(and condemned) on the page.
Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

[Ben Sharvy]

Spartanicus <[e-mail]> wrote in message news:<2d********************************@news.spar tanicus.utvinternet.ie>...

bs*****@mac.com (Ben Sharvy) wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Maybe, note that the example code you quoted above is only intended to
show how it should be done in theory, the page argues against using it.

Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Look again at the url I supplied, this method of coding is described
(and condemned) on the page.

Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

The example of yours I gave above uses links. Again, do you think this
is better FOR Quicktime movies:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Also, do you know the type for Quicktime movies?

[Ben Sharvy]

Spartanicus <[e-mail]> wrote in message news:<2d********************************@news.spar tanicus.utvinternet.ie>...

bs*****@mac.com (Ben Sharvy) wrote:

Link, don't embed: http://www.spartanicus.utvinternet.ie/embed.htm

Does this method work with a Quicktime movie...

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Maybe, note that the example code you quoted above is only intended to
show how it should be done in theory, the page argues against using it.

Apple has a technical note about the whole thing which recommends:

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="sample.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="sample.mov" WIDTH="160" HEIGHT="144" AUTOPLAY="true"
CONTROLLER="false"
PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Look again at the url I supplied, this method of coding is described
(and condemned) on the page.

Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

The example of yours I gave above uses links. Again, do you think this
is better FOR Quicktime movies:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Also, do you know the type for Quicktime movies?

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

>Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

The example of yours I gave above uses links. Again, do you think this
is better FOR Quicktime movies:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

The example attempts to embed content, don't, use a link.

[Spartanicus]

bs*****@mac.com (Ben Sharvy) wrote:

>Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

The example of yours I gave above uses links. Again, do you think this
is better FOR Quicktime movies:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

The example attempts to embed content, don't, use a link.

[Ben Sharvy]

Spartanicus <[e-mail]> wrote in message news:<6j********************************@news.spar tanicus.utvinternet.ie>...

bs*****@mac.com (Ben Sharvy) wrote:

>Should I keep the OBJECT code, but replace the EMBED code with what you recommend?

Neither, embedding of content that UAs cannot handle natively presents
to many problems, use links.

The example of yours I gave above uses links. Again, do you think this
is better FOR Quicktime movies:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

The example attempts to embed content, don't, use a link.

I don't understand: <a href="audio.wav">Play audio</a> is a link.

[Brian]

Ben Sharvy wrote:

Spartanicus <[e-mail]> wrote

bs*****@mac.com (Ben Sharvy) wrote:

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

The example attempts to embed content, don't, use a link.

I don't understand: <a href="audio.wav">Play audio</a> is a link.

....within object tags. You have

<object data="http://example.com/audio.wav" type="audio/wav">
<a href="audio.wav">Play audio</a>
</object>

Don't do that. Instead do this

<a href="audio.wav">Play audio</a>
<!-- look ma, no object tags -->

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/