Vert 1col menu gets cut off by flash inserted into page body.

[duplay]

I uploaded a flash staff directory to my page (scrolling text box) by inserting flash, but the menu gets cut off behind it. Any ideas on how to fix this?

thanks


mjd

[attachment deleted by admin]

[Dr.CSS]

just checked into this on another thread, it might have to do with a position:relative setting check that your flash is not set this way it may help

[duplay]

Mark,

I check the flash properties of the flash item, and didnt see any options for position:relative, and checked the html of the page as well. Any other thoughts?

[Dr.CSS]

is this site online or home hosted?
did you look at the rendered pages' source to see if it gets put in by the flash?

[duplay]

Mark, the page is currently online. Would you like me to email you the link, or paste the source code in a reply? Thanks.


mjd

[Dr.CSS]

link

[calguy1000]

In my experience this is (I'm going to assume you're using firefox) a firefox issue wrt z-index.  It's well documented, and even lowering the z-index of the flash doesn't help as it appears firefox ignores it.  If you do some searching in the forums you should find related articles about this.

[duplay]

Here is the link to the page with the issue:

http://66.144.96.144:16080/sparcc/index ... _directory


FireFox and Explorer on the PC show the issue, however, Firefox on the Mac doesnt.


thanks,


MJD

[Dr.CSS]

one solution... in a separate CSSs' just for this page...
make the flash 280px wide
make the primary-nav ul 170px wide
make the main 55px wide

[duplay]

Mark,


I am not sure how to assign one css to a specific page. Would I need to create a new template called FLASH (copy of my current template) and create a CSS assigned to it, then just use that template for my flash pages?

[Dr.CSS]

yep 

[duplay]

Mark,


Would you be able to offer more info on the css part? I can copy and recreate the template, but i am not sure what to put into the new flash CSS.

thanks,

[Dr.CSS]

copy template with new name...  when you do this it will carry the CSS associations with it from orginal
copy menu CSS with new name...
copy main CSS layout with new name...
easiest way to know which CSS to copy is to goto Templates, find new Template, and clik the orange CSS button on the right side, it will show the CSS attached to the template...
this will take you to  Layout » Templates » Current Associations, on the right is an icon, looks like a blue barrel, clik that and it will ask Are you sure you want to delete, it will disassociate the CSS not 'delete' it, ok, then you go to the Add New CSS drop down and find new CSS that you made in last step, it will show in the dropdown box clik Add New CSS to assoctiate it with new template, once you have the new CSSs' added you can clik the name of the CSS to edit it, in the new window find the lines with the name of the CSS style i mentioned to make the changes then clik Submit, do the same for the next one, once you have all CSS changes made you can look at the page and see if the changes are to your liking, providing you have made a new page using this new template... if not, make it now and check it...

  HTH 

[3dcandy]

As posted in another thread, you should make sure that wmode=transparent when you publish the flash file..
broswers *should* honour the z-index then

[duplay]

3dcandy,


Can you give me more detail on the wmode=transparent on the flash file? When I insert the flash, I am just doing it via the flash button. Should i install it a different way?