2 replies [Last post]
meguna
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-03
Posts: 2
Points: 0

Hello All,

I'm very new to CSS, however I'm not new to web design. I mainly worked with Flash and Frontpage table layouts. I ran into a browser compatibility problem and i was wondering if anyone can give me an advice.

Heres the problem in an overview. I have a flash dropdown menu, which i included in a layer in CSS. The flash is exported as transparent, so it will overlap the text layer underneath when expanded yet when not expanded the text should be visible. In other words, to make it act as a classic drop down menu. Now it works perfectly fine in IE but when I tried it in Netscape - flash menu was gone. Simply not visible ((.

Can anyone help me with that particular problem ?
(I never really liked Netscape. Now I just cant stand it !!! lol )

Here is the code

<script language="JavaScript" type="text/JavaScript">

<!-- This is just Dreamweaver script for Netscape 4
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->

</script>
</HEAD>
<BODY>

<!---This is the menu layer where the flash dropdown menu dropdowntest.swf is included -->

<div id="Layer1" style="positionabsolute; width331px; height33px; z-index3; left 315px; top 100px;">
<object classid="clsidD27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" height="90">
<param name="movie" value="dropdowntest3.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent"> <!-- window is transparent so menu would overlap the text layer underneath -->
<embed src="dropdowntest2.swf" quality="high" pluginspage="http//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" height="90"></embed>
</object>
</div>

<p>&nbsp;</p>

<!-- This is the text layer-->

<div id="Layer2" style="positionabsolute; width200px; height29px; z-index2; left 354px; top 127px;">text dropdown2 </div>
<!-- Voila! Works Perfectly in IE! Netscape freaks out !!! HELP, SOS, CQD all the above...)) -->
</BODY>

</HTML>

kojiro
Offline
Regular
Last seen: 17 years 24 weeks ago
Joined: 2004-08-11
Posts: 28
Points: 0

Re: Help please. Problem with CSS and Flash into Netscape

Try this (no promises):

Use javascript to determine whether the user is using a gecko browser or IE. If he's using IE, use your code without the decrepit embed tag.

If he's using gecko (such as netscape or mozilla), use

<object
type="application/x-shockwave-flash" data="dropdowntest3.swf" 
width="250" height="90">
<param name="movie" value="dropdowntest3.swf" />
</object>

Let me know if it works, because I might do something like that myself.

All the good sigs were taken.

meguna
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-03
Posts: 2
Points: 0

Re: Help please. Problem with CSS and Flash into Netscape

Thx a lot Smile .
I'll give it a try tommorow, since I'm quite busy now, and I'll let you know.