Solved

CSS z-index issue with Object tags

Posted on 2009-05-08
11
379 Views
Last Modified: 2013-11-19
please go to this site http://www.imblog.info/css-fix/search.htm
there will be a top green bar navigation that stays at top. now move ur scrolls bars down and u will see that there is a white part of youtube code that shows at top of everything . i want to make it down than navigation ..

please help ..
0
Comment
Question by:hiddenpearls
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
  • 2
  • +1
11 Comments
 

Expert Comment

by:echase5
ID: 24338882
The youtube code does not show up at all in Safari.
0
 

Author Comment

by:hiddenpearls
ID: 24338905
it is white space ...

imagine there is a youtube code.
0
 

Expert Comment

by:echase5
ID: 24338949
Doesn't render incorrectly in safari, probably the IE z-index bug. Try adding "position: relative" to the stle of the offending object, and declare the z-index there.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:hiddenpearls
ID: 24338971
yes , its not working in IE. try in FF please.
0
 

Author Comment

by:hiddenpearls
ID: 24338975
can u grab all the files from the site and test it .. thanks .
i have putted z-index everywhere but nothing is working .
0
 
LVL 42

Expert Comment

by:David S.
ID: 24339590
It looks like the wmode property was not set for it.

More information: http://forums.devshed.com/css-help-116/z-index-flash-file-getting-element-to-overlay-on-flash-505401.html
0
 
LVL 13

Expert Comment

by:myderrick
ID: 24340414
Try setting the vmode to transparent or opaque (if transparent doesn't work)

Good luck

MD
0
 

Author Comment

by:hiddenpearls
ID: 24342346
below is the code i m using ... please look at that . i have tried both transparent and opaque.
nothing is working .


      <div class="insertssml_right" style="z-index:-12345" ><script type="text/javascript">
AC_AX_RunContent( 'height','405','src','search_files/KbEMhU_dWJYhlenfs1border1.swf','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/KbEMhU_dWJY&hl=en&fs=1&border=1' ); //end AC code
</script>
<noscript style="z-index:-12345" ><object height="405" style="z-index:-12345" ><param name="movie" value="http://www.youtube.com/v/KbEMhU_dWJY&amp;hl=en&amp;fs=1&amp;border=1" style="z-index:-12345" >
  <param name="wmode" value="opaque">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="search_files/KbEMhU_dWJYhlenfs1border1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="405" style="z-index:-12345" ></object></noscript>
</div>

Open in new window

0
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 24358869
Try setting it on the <embed> too.
      <div class="insertssml_right" style="z-index:-12345" ><script type="text/javascript">
AC_AX_RunContent( 'height','405','src','search_files/KbEMhU_dWJYhlenfs1border1.swf','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscreen','true','movie','http://www.youtube.com/v/KbEMhU_dWJY&hl=en&fs=1&border=1' ); //end AC code
</script>
<noscript style="z-index:-12345" ><object height="405" style="z-index:-12345" ><param name="movie" value="http://www.youtube.com/v/KbEMhU_dWJY&amp;hl=en&amp;fs=1&amp;border=1" style="z-index:-12345" >
  <param name="wmode" value="opaque">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="search_files/KbEMhU_dWJYhlenfs1border1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="405" wmode="opaque" style="z-index:-12345" ></object></noscript>
</div>

Open in new window

0
 

Author Closing Comment

by:hiddenpearls
ID: 31579579
thanks
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question