Problem with iframe z-index? in Chrome

flamaestro

New Member
Hello!
I'm having this issue that puts my flash animation(in iframe) above LightBox script that my e-commerce platform is using.

Website:
http://7level.pl/
Flash that is in that iframe element
http://bart.modfolio.pl/carousel/carousel.html

this is from my index.tpl
Code:
<script type="text/javascript" src="_var/js/main.js"></script>
		{if $smarty.const.CONF_USE_LIGHBOX}
			<script type="text/javascript" src="_var/js/prototype.js"></script>
			<script type="text/javascript" src="_var/js/scriptaculous.js?load=effects"></script>
			<script type="text/javascript" src="_var/js/lightbox.js"></script>	
			<link rel="stylesheet" href="_var/css/lightbox.css" type="text/css" media="screen" />
		{/if}

thats the iframe itself
Code:
<div id="carousel">
<iframe src="http://bart.modfolio.pl/carousel/carousel.html" width="950" height="180" frameborder="0" scrolling="no">
<a href="http://bart.modfolio.pl/carousel/carousel.html">Please update Your browser!</a>
</iframe>
</div>

thats css
Code:
#carousel{
	
	z-index:1;
        border-bottom:#CCCCCC 1px solid;

        
}

#lightbox{
	
	z-index:25;
}

Error (works good with firefox it happens in chrome somehow) :S
errorwy.jpg


Any idea what could i do about this ?
Thanks!
 

PixelPusher

Super Moderator
Staff member
Why do you even have the flash swf in an iframe? There is no reason to do this. You are creating problems for yourself.

Add the swf to the page with <object> and <embed> tags. I suggest you put these in a div and position accordingly. You might want to look into SWFObject as well.

My two cents about iframes:
  1. Only use to load an entire new page into a page
  2. Only use if absolutely needed
  3. Often cause more problems than they are worth
 

flamaestro

New Member
the reason i did that is becouse it just won't load the way u just explained (i have no idea why) i don't have direct ftp access to files on the server and i can't upload .js file which is required by this swf it also use some xml files and stuff so it's not just some swf banner

i was trying to import those required files from other server but didn't work as well
 
Top