Centering and bordering .swf file

Content
1

Hi,

I am trying to put a border around an .swf file generated from an InDesign file output and placed in an HTML file by Dreamweaver. Dreamweaver set up the object info and some scripts to make it work.

This works as I expected in Safari but not FireFox. Here is the page:
Wedding Day

CSS: http://www.salsafiesta.com/css/style_site.css

Here is some of the code at the start for the .swf object:


<div id="albumcenter">
      <object id="FlashID" class="album" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="750" height="368">

I added the:

<div id=“albumcenter”>
class=“album”

Could my “class” interfere with the “classid” Dreamweaver added. Is “class” the same as “classid”?

Here is the corresponding CSS:


.album{
	border-width: 1px;
	border-style: solid;
	border-color: #666;
}
#albumcenter{
	text-align:center
}

Am I doing things the best way I can? How can I make this work in all browsers?

Thank you.

2

For a quick fix you could add the border to your “albumcenter” div and set the height and width to just a couple of pixels wider than the swf object e.g. 752 x 370

Or you could lower the z-index of the swf object, but I think creating a border around a wrapper div is neater.

Wil.