3 replies [Last post]
createcomm
createcomm's picture
Offline
newbie
Netherlands
Last seen: 7 years 23 weeks ago
Netherlands
Timezone: GMT+1
Joined: 2013-02-19
Posts: 2
Points: 3

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!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 45 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

Not tested

In the object element, add <param wmode="opaque" />.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

createcomm
createcomm's picture
Offline
newbie
Netherlands
Last seen: 7 years 23 weeks ago
Netherlands
Timezone: GMT+1
Joined: 2013-02-19
Posts: 2
Points: 3

Thnx Gary for your reply.

Thnx Gary for your reply. Unfortunately it doesn't make a difference

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 45 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

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 &lsquo;Master Service
	      Provider&rsquo; 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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.