Solved

CSS z-index issue with Object tags

Posted on 2009-05-08
11
377 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
  • 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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone 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

Title # Comments Views Activity
Slider Moving to right hand side CSS? 2 31
URGENT - Wordpress site missing  theme 9 52
CSS issue in Nested Master Pages 9 26
CSS Style Effect 2 6
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

808 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