Problem with iframe z-index? in Chrome

Discussion in 'Web Design' started by flamaestro, Sep 10, 2010.

to remove all ads.
  1. flamaestro

    flamaestro New Member

    Messages:
    2
    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
    [​IMG]

    Any idea what could i do about this ?
    Thanks!
     
  2. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    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
     
  3. flamaestro

    flamaestro New Member

    Messages:
    2
    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
     

Share This Page