Tue, 2013-02-19 12:58
Hey there,
I've been working on a site and it's almost ready to deploy. I've put it online on my testserver and I found that IE is not displaying my div's in the right (z) order. Can some1 please take a look. All other browsers seem to do just fine.
On the homepage there should be an intro text and an news field. Check the site in any other browser and you'll see
http://www.create-n-communicate.nl/pwg/
THNX!
Wed, 2013-02-20 18:27
#1
Not tested
In the object element, add <param wmode="opaque" />.
cheers,
gary
Wed, 2013-02-27 13:26
#2
Thnx Gary for your reply.
Thnx Gary for your reply. Unfortunately it doesn't make a difference
Wed, 2013-02-27 21:10
#3
Wrong place
You put the wmode param on the not-IE part of the code.
Below is the tested code. Notice that I also rewrote your object element to get rid of that conditional comment silliness. The classid is not needed if the type attribute is there. IE still does not understand the data attribute, so the movie param is still necessary.
<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>test doc</title> <!-- hack for bug in Web Developer addon for Firefox --> <link rel="stylesheet" type="text/css" href="x" /> <base href="http://www.create-n-communicate.nl/pwg/index.php/en/" /> <style type="text/css"> body { font: 75%/1.17 sans-serif; margin: 0; } #video_content { display: block; height: 350px; left: 625px; position: relative; top: 50px; width: 463px; z-index: 300; } #welcome { background-color: #FFFFFF; box-shadow: 0 0 5px #000000; display: block; height: 240px; margin: 0; padding: 5px 15px 10px; position: relative; text-align: left; top: -490px; } #welcome .kicker { color: #1c5269; font-weight: bold; font-size: 12px; } </style> </head> <body> <object width="1255" height="490" id="PWG_movie" type="application/x-shockwave-flash" data="/pwg/pwg.swf" > <param value="opaque" name="wmode" /> <param value="/pwg/pwg.swf" name="movie" /> <p><img alt="Get Adobe Flash player" src="/images/altBG_home.jpg" /></p> </object> <div id="video_content"> <div id="welcome"> <div class="item-page"> <div id="textblok"> <h1>Welcome to our world of water</h1> <p>Pure Water Group is specialized in High Purity and Ultra Pure Water applications. Since more than 20 years the development of membrane filtration and Electro Deionization systems is our main focus. Based on our knowledge and experience, equipment is manufactured for water system integrators across the world. Our clients implement the equipment in the process and power industry, the pharmaceutical industry and at hemodialysis centers. As Ionpure ‘Master Service Provider’ we distribute CEDI modules and accessories direct from our European warehouse. The branch and product knowledge enable us to guarantee qualitative high-end solutions which meet your expectations on every level. <span class="kicker">Pure Water Group: Engineering purity</span>.</p> </div> </div> </div> <!-- welcome afsluiten --> </div> </body> </html>
cheers,
gary