Two issues

[wiredextreme]

1st problem:

For some reason only in IE6, the background image shows first and then you scroll down and the rest of the content is below the picture. This is the only version of any browser it does this in. Any way to fix this issue? Here's the coding for the background image:

 

It's in the CSS file:

#bg {top:0; left:0; width:100%; height:100%; position:fixed}

 

2nd problem:

I'm needing some help with a div over a flash object. It works in IE but not in FireFox nor the Android phone. What am I missing? You can view the site here: http://www.wiredextreme.com It's the diagnostic tool 1/4 of the way on the page in the middle.

 

Here's the coding:

<div style="z-index:1000;"><object id="presentation" width="650" height="506" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash/wediag.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowFullScreen" value="true" />
<param NAME="wmode" VALUE="transparent">
<embed src="flash/wediag.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="650" height="506" name="presentation" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" allowFullScreen="true" />
</object></div>

        <div style="position:absolute; top:913px; left:253px; z-index:2000;">
<table width="660" height="42"><tr><td bgcolor="1F1F21"></td></tr></table>
</div> 
<br>

[fortnox007]

1) positioning fixed in IE doesn't work, use an external sheet for IE6 and use absolute positioning, with a z-index:-1;

 

2) what your missing is a clear statement of your problem, and i have no idea what you want nor am i able to know what 1/4th is on your page, nor do i see a diagnostic tool....  If you want a div over a flash object, atleast don't place the flashobject inside of that div because it wont place the div over the object.

What you could do, not sure if you mean this but it's

a container div give it a position relative.

Place a anotherdiv in it with a position absolute and a z-index of anything higher than the rest.

place your flash object below in the parrent div. so in a simple markup:

 

<div id="parent"> <!------position: relative  z-index:0; -->
      <div id=""></div><!------- position: absolute z-index:1; ---->
      <object></object>
</div>

 

hope it helps cheers!

[wiredextreme]

Part 1: That fixes the issue but does not keep the image fixed in the background like it is now.

 

Part 2:  I've attached the whole php file for you to view.  I've left it the way it was where it was working in IE8.  The cover on the flash object starts at line 47.  The flash object starts at 258.

 

[attachment deleted by admin]

[fortnox007]

1) --> how to positon fixed in IE6 -> google -> http://www.howtocreate.co.uk/fixedPosition.html

 

2) Well i looked at your code and it doesn't look like you did anything with what i told above. So for the sake of it i just repeat myself. Make a parent div position relative, and place the flash object in it, and another div with a position absolute z-index greater than the relative parent. (http://www.w3schools.com/Css/css_positioning.asp)

 

aside of that: 335 has a missing endtag (</li>)

 

_edit: maybe a good thing to leave out all the unnecessary code  and strip it down to the real problem (so you isolate it). in your case you want a div floating above a flashobject. use an external stylesheet btw, it's easier to maintain, and more clean.

[fortnox007]

might be nice to look here: http://tinyurl.com/divoverflashobject and check it out with firebug.

I place a div in front of a monkeyvid :-)