I think the problem is me... and that I haven't coded this properly.

http://burstserial.com

Check the front page.

There are two objects.

1) entry.jpg - site logo, link to enter
2) intro2.swf - flash animation

I want these locked to the bottom of the page with the picture on top of the flash. On my monitor 1280 x 1040 it looks fine, like this (which is how I want it):



Now on a 1024 x 768 monitor, it gets all messed up, you only see the bottom of the page, with no scrollbar.



If I change the tags from absolute position to relative position, it looks ok on a smaller monitor, but now floats off the bottom on the larger monitor.

So I'm open to any suggestions. I have these two elements that I want stacked on top of each other, down the center, and locked to the page bottom.

Right now, they are centered using a table. The table is positioned with

<div style="position:absolute; bottom:0px;">the table containing the elements</div>

which is obviously not an elegant way to do this

Thanks for any ideas...

Try setting your Flash file dimensions to percentages rather than fixed pixels.

that's a great idea... thank you

i tried it out and everything displays fine in IE

but in Firefox, whenever I use % instead of pixels to size the embedded Flash, it shrinks down to a tiny little thing! No matter if I use 90% or 50%, it is very very small.

arggggggggggghhhhhhhhhhhhh. browsers!

ps - if anyone checks the link now, I took out the positioning tag, and am not using percentages either...

I gave up on having it tied to the bottom of the page, just too many problems with display.

so now the image and flash are just in the center of the page, fixed in size... if someone is on a smaller browser window, they can just scroll down to see the bottom of the animation if they want