Need Help on how to center Pop Ups

Question

Here's what I'm trying to do - I have thumbnails on my site
and when you click on them I want a larger image to show up in a
pop up. I've accomplished this by:
1. Clicking on the thumb and adding "javascript:;" as the
link
2. Clicking on <a> so I can add a behavior
3. Adding the behavior "on click, open browser" and adding
the larger photo.
Here's the test site - click on the photo in the center of
the page with the gal sipping on a glass of wine:
http://localwally.com/napatest
Here's the code: <a href="javascript:;"
onclick="MM_openBrWindow('reynoldsfamily_1000.jpg','','width=1000,height=700')"><img
src="Renolds_400.jpg" name="Image1" width="400" height="300"
border="0" id="Image1" />
(note: if you look at the code source on the test site you
might see some goofy stuff and this is where I experiment on code,
but the code I pasted is exactly what is on every photo behavior
and they all do the same thing)
It works - but now I want to finetune it. On IE the pop up
window does not fill the screen and you have to drag it up to see
the entire larger photo. On Firefox, the entire image shows up but
it's right justified. What I want is for the photo to just be
centered on the screen. Any suggestions?

Answer 1

Hi,
There are different ways to center content. However, for a
full Flash website, my predilection is a few CSS lines with
SWFObject.
Look at the source code of my site :
http://www.cyboide.com
and copy the CSS style there.
Also note that the width and height parameters of SWFObject
is set to 100%.
That's one way, which will center the flash website in both
axes (and this one will let show what is outside your .fla stage
dimensions, so you can make special full-window background).