Swf file in different places on different browsers

Question

Hi,
new to this web design, but I am getting there (very slowly)
I have a web page that is live www.chm-berkshire.com but it has an issue on the index page where the swf file is not being centered on each browser i use.
I can set it up perfectly on my ie web page where the file is centered under the spry bar, when  look at my work PC and the swf file is over to the left, if i use firefox it is even further over to the left
Is there an easy way to make all browswers see the file in the center of the page?
any help greatfully recieved, (in as simple terms as possible, as I am hard of thinking:-) )

Answer 1

Just changing things from position:absolute to position:relative is thrashing, and will usually not help.
The solution is to do this -
Change this -
.oneColElsCtrHdr #container {
     width: 46em;
     margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
     border: 1px solid #000000;
     text-align: left; /* this overrides the text-align: center on the body element. */
     background-color: #FFFFFF;
     background-position: center;
to this -
.oneColElsCtrHdr #container {
     width: 46em;
     margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
     border: 1px solid #000000;
     text-align: left; /* this overrides the text-align: center on the body element. */
     background-color: #FFFFFF;
     background-position: center;
        position:relative;
What this change will do is to change the reference point for all absolutely positioned elements on the page from the upper, left-hand corner of the browser viewport (which is the default reference for AP elements when there is no positioned ancestor), to the location of the centering element div#container.  Now, when that element centers, it will carry all the AP elements along with it.  You will have to reposition each AP element on the page to accommodate this change, but once positioned properly in DW, they will stay in that correct relative location.
Now - to see what a mess you have made by using AP for all your content - just browse to this page and increase the text size a few ticks in the browser.  Your simple layout goes south in a hurry....
It's much better to use sound practice methods in building your pages - http://www.apptools.com/pagelayout101.php will show you the way.