/    Sign up×
Community /Pin to ProfileBookmark

CSS + Flash Issue in Firefox

Copy linkTweet thisAlerts:
Jun 08.2005

I’m currently building a website, for all my hard work it works on all current browsers, the SMALL issue i have is in firefox. i have a small flash banner at the bottomof a page in its own class(div#flash). it all works fine until i try and resizer the window. when i do that, the same banner appears momentarily twice, once in its original spot and also appears top leftish until i stop resizing. This also occurs when i click on my javascript menu on the left. everytime i click on a menu item in appears breifly in the same spot.

everything on my page is in css divs, container and all. i have tried giving different z-indexes, not working. its a really annoying bug and i’m so close to finishing!!!

any help would be appreciated..

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangJun 08.2005 — Do you have a link to look at?
Copy linkTweet thisAlerts:
@ChelseafcauthorJun 08.2005 — no sorry, its only local at the moment.. sorry about that
Copy linkTweet thisAlerts:
@FangJun 08.2005 — Sounds like a layout problem; a margin/padding has not been set correctly.
Copy linkTweet thisAlerts:
@ChelseafcauthorJun 08.2005 — thanks fang, for firefox, is it true that you have to set all the height + width attribures for it work?

how does a padding and margin problem (like mine) occur if i havent set any?
Copy linkTweet thisAlerts:
@FretsJun 08.2005 — check your object embed against your table.

Make sure not to use exact fit as well don't use percentage for w/h

in the object embed tag.

If the swf is trying to fill 100% there is where your problem lays
Copy linkTweet thisAlerts:
@FretsJun 08.2005 — as I think about things...

does at anypoint your z index overlap your swf.

Mozilla browsers usually have issues about this. It's fine if your layers are

at the bottom of your html document and when they load they are not overlapping the swf.
Copy linkTweet thisAlerts:
@ChelseafcauthorJun 08.2005 — hi fret,

the z-indez doesnt overlap anything because i didnt have any index applied to it in the first place. The embebed flash isnt in a tbale and the height and width are declared in pixels. i will try and resize it to see if it does something.
Copy linkTweet thisAlerts:
@ChelseafcauthorJun 08.2005 — okay, i tried giving the class that hold the flash more height and width. .. . that didnt work and i also tried giving the same class a z-index of 1. also didnt work. still getting the same.

could it have something to do with the javascript menu?
Copy linkTweet thisAlerts:
@FretsJun 08.2005 — Kind of grasping at straws without a source code.

Did you set the wmode to transparent?

It's natural on resize to have an swf overshadow adjoining div's

that simply because swf is a pixel format and doesn't wrap. Setting scrollbars yes

(even though they should be set to yes automatically) may do the trick.
×

Success!

Help @Chelseafc spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.26,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...