Adding a border to a Flash OBJECT using styles

[David Stone]

I'm trying to apply a border to a Flash learning object, which
is loaded into a page via <object>. I'm trying to use a
style to put a black border around the Flash object.

http://www.chem.utoronto.ca/courseno.../column01.html
http://www.chem.utoronto.ca/courseno...ci/analsci.css

Quick summary:

<object class="bordered" ...>

and

..bordered {
padding: 2px;
border: solid black 2px;
/** uncomment for debugging **/
color: black;
background-color: red;
}

This renders the way I expect in Safari 2.0.3. In IE 6.x, the
border appears but the padding appears to be ignored or over-
written. In Firefox/Camino, no border appears at all - it's
as though the rendering engine expands the Flash object to fill
out to the margin of the box.

Any ideas on how to get the border to show in FF? I could add
the border permanently in the actual *.swf, but I would rather
not as I want to be able to reuse the flash object without
having to edit the border in/out.

[dwight.stegall]

David Stone wrote:

I'm trying to apply a border to a Flash learning object, which
is loaded into a page via <object>. I'm trying to use a
style to put a black border around the Flash object.

http://www.chem.utoronto.ca/courseno.../column01.html
http://www.chem.utoronto.ca/courseno...ci/analsci.css

Quick summary:

<object class="bordered" ...>

and

.bordered {
padding: 2px;
border: solid black 2px;
/** uncomment for debugging **/
color: black;
background-color: red;
}

This renders the way I expect in Safari 2.0.3. In IE 6.x, the
border appears but the padding appears to be ignored or over-
written. In Firefox/Camino, no border appears at all - it's
as though the rendering engine expands the Flash object to fill
out to the margin of the box.

Any ideas on how to get the border to show in FF? I could add
the border permanently in the actual *.swf, but I would rather
not as I want to be able to reuse the flash object without
having to edit the border in/out.

Place it inside a div tag with padding set to zero and add a border to
the div tag.

[David Stone]

In article <11**********************@f6g2000cwb.googlegroups. com>,
dw************@gmail.com wrote:

David Stone wrote:

I'm trying to apply a border to a Flash learning object, which
is loaded into a page via <object>. I'm trying to use a
style to put a black border around the Flash object.

http://www.chem.utoronto.ca/courseno.../column01.html
http://www.chem.utoronto.ca/courseno...ci/analsci.css

Quick summary:

<object class="bordered" ...>

and

.bordered {
padding: 2px;
border: solid black 2px;
/** uncomment for debugging **/
color: black;
background-color: red;
}

This renders the way I expect in Safari 2.0.3. In IE 6.x, the
border appears but the padding appears to be ignored or over-
written. In Firefox/Camino, no border appears at all - it's
as though the rendering engine expands the Flash object to fill
out to the margin of the box.

Any ideas on how to get the border to show in FF? I could add
the border permanently in the actual *.swf, but I would rather
not as I want to be able to reuse the flash object without
having to edit the border in/out.

Place it inside a div tag with padding set to zero and add a border to
the div tag.

The padding of the div, presumably? I'll play around with this
later today and see what works best.

Thanks for the suggestion! I'd still like to know why Firefox
has such a hard time with this, though - is it a known bug?

[David Stone]

In article <no****************************@news1.chem.utoront o.ca>,
David Stone <no******@domain.invalid> wrote:

In article <11**********************@f6g2000cwb.googlegroups. com>,
dw************@gmail.com wrote:

David Stone wrote:

I'm trying to apply a border to a Flash learning object, which
is loaded into a page via <object>. I'm trying to use a
style to put a black border around the Flash object.

http://www.chem.utoronto.ca/courseno.../column01.html
http://www.chem.utoronto.ca/courseno...ci/analsci.css [snip]
This renders the way I expect in Safari 2.0.3. In IE 6.x, the
border appears but the padding appears to be ignored or over-
written. In Firefox/Camino, no border appears at all - it's
as though the rendering engine expands the Flash object to fill
out to the margin of the box.

[snip] Place it inside a div tag with padding set to zero and add a border to
the div tag.

Ok, this works as long as the object is left-aligned on the page.
If you try centring, the div stretches the entire width, so the
border looks odd. Presumably, I could set width and height on the
div, but this is starting to get ridiculous - much easier to add
the border in the fla/swf file, even though this is less flexible
in the long run.