z-index issue with youtube vid |
 Jun 10 2008, 12:41 PM
Post
#1
|
|
|
Member  Group: Member Posts: 10 Joined: Nov 2007 Member No: 591,491  |
I was wondering if anyone can help me with a z-index issue i am having with Camino and Firefox.
It works in Safari, but not in the other for some reason. I want the youtube video to sit in between the backbground image and the tv. CODE <html>
<head> <style> .next {position:absolute; left:50%; top:610px; margin-left:235px; z-index:3;} .sticker {position:absolute; left:50%; top:4px; margin-left:-490px; z-index:1;} .driving {position:absolute; left:50%; top:180px; margin-left:-390px; z-index:1;} .tv {position:absolute; left:50%; top:25px; margin-left:-480px; z-index:2;} .about {position:absolute; left:50%; top:610px; margin-left:-400px; z-index:3;} .shows {position:absolute; left:50%; top:610px; margin-left:-170px; z-index:3;} </style> </head> <div class="sticker"> <img src="splashpage1.jpg"> </div> <div class="tv"> <img src="television.gif"> </div> <div class="driving" style="z-index: 1"> <object width="335" height="270"><param name="movie" value="http://www.youtube.com/v/duNl5TMB9M8&hl=en&autoplay=1&loop=1"></param><embed src="http://www.youtube.com/v/duNl5TMB9M8&hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" width="335" height="270"></embed></object> </div> <div class="tv"> <img src="television.gif"> </div> <div class="youtube"> <a href="http://www.youtube.com/user/wainwright747"><img src="email.gif" border="0"></a> </div > <div class="about"> <a href="about.html"><img src="email.gif" border="0"></a> </div> <div class="shows"> <a href="shows.html"><img src="email.gif" border="0"></a> </div> <div class="next"> <a href="mailto:wainwrightsongs@gmail.com"><img src="email.gif" border="0"></a> </div> </html> |
|
|
|
Posts in this topic
  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: