Floating Top Bar script does not site over flash content, please help!

[HotelStMichel]

1) Script Title:

:: Floating Top Bar script

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex17/floatbar.htm

3) Describe problem:

I am trying to use this floating bar on a Hotel Website. I want to basically place all the booking information on it. Problem is that there is also flash on the page. As you scroll down the webpage, the floating bar will sit behind the flash content. Is there a way to make the floating bar always ontop of everything?

[HotelStMichel]

OK, nevermind! I figured it out on my own.

I simply used this:

<param name="wmode" value="transparent">

I cant believe I forgot all about this! Thankfully I had a old website I had done, and it had this code with the flash.

[HotelStMichel]

OK, Silly question. How do I get this bar to center with the rest of my site? If i put <center> tags, then all it centers is what ever is in the bar. The bar itself though does not center. I am a newbie with this stuff, so maybe I am missing something.

Here is a link to the site so you can see what is going on. When you look at the bar, you see its all the way to the left. i would like it to be center instead.

http://hotelstmichel.com/beta/index.html

[HotelStMichel]

Anyone???????????

[molendijk]

For the div having id=topbar, try position: relative and add: margin: auto.
===
Arie Molendijk.

[HotelStMichel]

For the div having id=topbar, try position: relative and add: margin: auto.
===
Arie Molendijk.

OK, I will try that, thanx!

[HotelStMichel]

Thanx Arie Molendijk, you are the best!

[HotelStMichel]

Now I am getting a weird space up at the top of the page. If I take the margin: auto out, the gap is gone. Then the bar is no longer centered though.

[molendijk]

Then adding a negative value for margin-top might help, for instance:
margin-top:-30px
===
Arie.