[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
04/13/2009 at 09:35AM PDT, ID: 24317690
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
8.0

z-index issue with flash using SWFObject in IE

Asked by RowdyBurns in Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), Adobe Flash

Tags: flash swfObject z-index IE FF

Hi Experts,

I am having difficulty getting the flash elements of my page to go being a static header that i have at the top of my page. I have resolved the issue using z-index in FF and Safari on my Mac but in IE 6, 7 and FF on the PC the flash appears above the header.

I need to use SWFObject to embed in order to avoid the activeX control in IE

Here is my test page URL:

http://www.randomlychallenged.com/HomeTEST.php

To see the flash you will need to login with:
Username: test
Password: aaa

I have also added my code below.

Thanks for any advise. 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:

HEADER CODE:
 
<div style="position:fixed; top:0px; left:0px; z-index:10; width:100%; background-image:url(Images/Home/MainBG.jpg); background-repeat:repeat-x;"><div style="width:100%; position:absolute; height:70px; background-image:url(Images/Home/MainBG.jpg); background-repeat:repeat-x;"><div style="width:120px; height:110px; position:absolute; top:0px; left:0px; z-index:50;"><a href="./Home.php" title="Home"><img src="./Images/Home/HomeLogoTEST.jpg" alt="RandomlyChallenged" width="120" height="110" border="0"  longdesc="http://www.randomlychallenged.com/Home.php" /></a></div>
</div>
<?php
if (isset($_SESSION['herecomethepain'])) {
?>	
<div class="staticHeader"><div style="position:absolute; top:0; left:200px;"><div >
 
      
	  <object id="swfplaceholder" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="70">
          <param name="movie"  value="/HeaderTEST.swf"  />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="/HeaderTEST.swf" width="700" height="70" style="z-index:10;">
		
        <!--<![endif]-->
         <div><a href="http://www.adobe.com/downloads"><img src="./Images/Home/SignUp.jpg" alt="Join Randomly Challenged - The home of adventure online" width="700" height="118" border="0" /></a></div>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>
  
</div>
 
<div class="chromestyle" id="chromemenu">
 
<ul>
<li class="bodyTxtSmallWhite" style="margin:0 230px 0 0;">Hi<?php if ($newcontentglitch==1) { ?><?php echo $_SESSION['herecomethepain']; ?><?php } else { ?><a href="./MyProfile.php"><?php echo $_SESSION['herecomethepain']; ?></a><?php } ?>
Total&nbsp;Experience&nbsp;
<?php echo $exp; ?></li>
<li><a href="http://www.randomlychallenged.com">Home</a></li>
<li><a href="./NewContent.php">New Content</a></li>
<li><a href="./MyProfile.php" rel="dropmenu1">Profile</a></li>
<li><a href="./MyMail.php"  title="You have <?php echo $_SESSION['newmailcount']; ?> new messages">Mail - <?php echo $_SESSION['newmailcount']; ?></a></li>	
<li><a href="#" rel="dropmenu2">Help</a></li>
<li><a href="./Logout_Script.php">Logout</a></li>
 
</ul>
 
</div>
 
<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
<a href="./MyChallenges.php">Challenges</a>
<a href="./MyProfile.php#Friends">Friends</a>
<a href="./MyTrophies.php" title="Total trophies in your cabinet">Trophies - <?php echo $_SESSION['trophies']; ?></a>
 
</div>
 
 
 
<!--3rd drop down menu -->                                                   
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="./FAQ.php.php">FAQ's</a>
<a href="./SiteMap.php">Site Map</a>
<a href="./ContactUs.php">Contact us</a>
</div>
 
</div>
 
</div>
<?php
}
else {
?><div class="bodyTxtBlue" style="background-image:url(Images/Home/LogoutHeader.jpg); background-repeat:no-repeat; height:70px; width:700px; padding:20px 0 0 250px; position:absolute; top:0; left:200px;"><a href="./Registration.php">New to Randomly Challenge?<br />
Take a tour</a></div>
 
<div class="chromestyle" id="chromemenu">
 
<ul>
<li><form action="./Login_Script.php"   method="post"  id="user-login-form"></li>
<li><input name="Username"  type="text"  id="Username" value="Username" size="12" onfocus="if(this.value=='Username') this.value=''" /></li>
    
<li><input name="Password"   type="password"  id="Password" onfocus="if(this.value=='aaaaaaaa') this.value=''"   value="aaaaaaaa"  size="12" />
</li>
          
<li><input name="Submit" type="image" class="bodyTxtSmallWhite" style="margin:0 200px 0 0;"   onclick="./Login_Script.php" value="Login"  /></li>
<li></form></li>
<li><a href="http://www.randomlychallenged.com">Home</a></li>
<li><a href="./NewContent.php">New Content</a></li>
<li><a href="#" rel="dropmenu1">Help</a></li>
 
</ul>
</div>
 
 
 
 
<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv" style="width: 150px;">
<a href="./FAQ.php.php">FAQ's</a>
<a href="./SiteMap.php">Site Map</a>
<a href="./ContactUs.php">Contact us</a>
<a href='#'  onclick="GB_showCenter('Reset Your Password', '../../../PasswordReset_modal.php')">Lost your password?</a>
</div>
 
 
 
 
<?php 
}
?></div>
</div>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
 
 
 
 
///////////////////////////HOME PAGE CODE///////////////////////////////////////////////
 
<?php
include './infolink.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>Home - Randomly Challenged &#8482; - The home of adventure online!</title>
<meta name="Keywords" content="adventure game challenge home index default vacation active site exciting entertainment watch funny cool experience ideas bored fun play friends network social community video articles stories new movies watch read weekend spare time free mammoth random games holiday do prizes" />
<meta name="description" content="Welcome to the most exciting adventure community online where you never know what the next real life challenge might be. Reap prize rewards for your efforts when you share your adventure with the community." />
 
 
<link href="css/GlobalTEST.css" rel="stylesheet" type="text/css" />
<link href="css/chromestyle.css" rel="stylesheet" type="text/css" />
 
<style type="text/css">
<!--
 
-->
</style>
 
<script type="text/javascript" src="http://www.randomlychallenged.com/js/swfobject.js"></script>
<!--this is the JS for the SWFOject that embeddes the flash header and anyother flash content -->
 
 
	
<script>
 
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
 
 
function ModalExec1(modalVal) {
///This handles the output of the NewUser modal
if (modalVal==1) {
window.location="./MyProfile.php";
}
if (modalVal==2) {
window.location="./FAQ.php";
}
if (modalVal==3) {
window.location="./MyChallenges.php";
}
if (modalVal==4) {
window.location="./MyMail.php";
}
 
}
 
 
</script>
 
<script type="text/javascript" src="js/Nav/chrome.js">
 
/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
</script>
 
 
	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body {
	margin-top: 0px;
	background-image: url(./Images/Home/MainBG.jpg);
	background-repeat: repeat-x;
}
a:link {
	color: #36527A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
-->
</style>
 
 
<!--////////////////MODAL WINDOW SCRIPT CALLS	////////////-->
<script type="text/javascript">
    var GB_ROOT_DIR = "http://www.randomlychallenged.com/js/GreyBox_v5_53/greybox/";
</script>
 
<script type="text/javascript" src="./js/GreyBox_v5_53/greybox/AJS.js"></script>
<script type="text/javascript" src="./js/GreyBox_v5_53/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="./js/GreyBox_v5_53/greybox/gb_scripts.js"></script>
<link href="./js/GreyBox_v5_53/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
 
<!--//////////////// NEW USER MODAL BEGINS	////////////-->	
<script type="text/javascript">
 
function init() {
 
  var newusercheck = "<?php if ($_SESSION['auto_help']==1) { echo "1"; } else { echo "0"; } ?>";
  if (newusercheck==1) {
  GB_showCenter('Welcome to Randomly Challenged!', '../../../NewUser_modal_home.php',400,900)
  }
}
 
 
window.onload = init;
 
</script>
 
 
<!--//////HEADER AND LOGIN/SIGN UP START//////-->
<?php include './MainHeaderTEST.php'; ?>
<!--//////HEADER AND LOGIN/SIGN END//////-->
 
<div id="centercontent">
   <div align="right"  style="border-top:#6BB401 medium solid; border-bottom:#CCCCCC thin solid; height:26px;"></div>
 
<!--//////MAIN LOGGED-IN CONTENT BEGINS//////--><?php
if (isset($_SESSION['herecomethepain'])) {
?>
<!--BANNER BEGINS-->
<div class="bodyTxt" style="z-index:1;"> <object id="swfplaceholder" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="100" style="z-index:1;">
          <param name="movie" wmode="transparent" value="/Flash/BugBanner.swf"  />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="/Flash/BugBanner.swf" width="700" height="100" style="z-index:1;">
        <!--<![endif]-->
         <div><a href="http://www.adobe.com/downloads">Click to update Flash Player</a></div>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object></div>
<div class="bodyTxt" id="mainContentContainer">
<!--BANNER ENDS-->
<!--ARTICLE BEGINS-->
<div><?php 
//pagination script	
include './pagination.class.php';
$pagination = new pagination;
 
 
///gets articles and creates an array
 
mysql_select_db($database_RC, $RC);
$query_Recordset1 = "SELECT articles.title FROM articles";
$Recordset1 = mysql_query($query_Recordset1, $RC) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
 
$articles=array();
$zz=0;
if ($totalRows_Recordset1!=0) {
while ($zz<$totalRows_Recordset1) {
$articles[]= mysql_result($Recordset1, $zz, 'title');
$zz++;
}
}
//order array in reverse so newest comes first
rsort($articles);
 
 
//pagination script
$ArrayPages = $pagination->generate($articles, 1);
 
foreach ($ArrayPages as $articles) {
include './Articles/'.$articles;
}
echo $pageNumbers = '<div align="center">'.$pagination->links().'</div>';
 ?></div>
<!--ARTICLE ENDS --> 
<div style="clear:both;">
<hr color="#CCCCCC" thin solid/>
<span class="bodyLGBlueTxt">So, what have people been up to?</span><p>
<?php include './HomePhotoGrid_INC.php'; ?> 
<!--//MAIN CONTENT ENDS///--></div>
</div><?php
}
else {
?><!--CONTENT FOR HOME PAGE WHEN USER IS LOGGED OUT--><?php include './HomeJoin_INC.php'; ?><div class="bodyTxt" id="mainContentContainer">
 
 
  <div style="clear:both;">
<hr color="#CCCCCC" thin solid/>
<span class="bodyLGBlueTxt">So, what have people been up to?</span><p>
<?php include './HomePhotoGrid_INC.php'; ?><!--//MAIN CONTENT ENDS///--><?php 
}
?> <!--LOGGED OUT CONTENT ENDS--><div style="height:100px;"></div></div></div></div>
 
<div align="center" id="footer"><?php include './MainFooterTEST.php'; ?></div>	
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8330450-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
<?php
if (isset($Recordset1)) { mysql_free_result($Recordset1); }
?>
[+][-]04/13/09 09:54 AM, ID: 24131084

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]04/13/09 12:51 PM, ID: 24132347

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), Adobe Flash
Tags: flash swfObject z-index IE FF
Sign Up Now!
Solution Provided By: RowdyBurns
Participating Experts: 1
Solution Grade: A
 
 
 
Loading Advertisement...
20091028-EE-VQP-85 - Hierarchy / EE_QW_3_20080625