File swf come background problemi..

**Smacart** · 24-03-09

Salve a tutti,primo post e scusate se non ho usato la sezioe giusta
Ho un problema nell'inserire un file swf come background del sito.
Lo vedo correttamente in Safari ma non in FF e IE.
Vi posto il codice sperando in un aiuto (anche qui se dovessi non rispettare le regole del forum perdono...prim post...)

CSS :

HTML Code:

*{
    margin:0;
    padding:0;
}
body{
    background:#fff;
    font:11px/18px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    color:#222;
}

/* Layout Styles Starts */
#wrapper-outer{
    width:100%;
    position:relative;
    z-index:1;
}
#wrapper-inner{
    width:800px;
    margin:0 auto;
    z-index:10;

}
#wrapper{
    position:absolute;
    width:800px;
}
    #header{
        background:url(images/header.jpg) no-repeat;
        height:90px;
        overflow:hidden;
        margin:80px 0 0 0;
    }
        #nav{
            width:550px;
            float:left;
            padding-left:45px;
        }
                #nav li{
                    display:inline;
                    margin:0 15px;
                }
                    #nav li a{
                        color:#cfe6f6;
                        text-decoration:none;
                        line-height:120px;
                    }
                        #nav li a:hover{
                            color:#fff;
                            text-decoration:none;
                        }
                        #nav li.current a{
                            color:#fff;
                        }
        #logo{
            width:187px;
            float:right;
        }
            #logo h1{
                background:url(images/logo.jpg) no-repeat;            
                margin:39px 66px 0 0;                
            }
                #logo h1 a{
                    height:24px;
                    display:block;
                }
                    #logo h1 a span{
                        display:none;
                    }
    #container{
        background:url(images/container-bg.jpg) repeat-y;
        padding:30px 25px;
        position:relative;
    }
        #content{
        }
            #load {
                display: none;
                position: absolute;
                left: 300px;
                top: 40px;
                background: url(images/ajax-loader.gif);
                width: 128px;
                height: 15px;
                text-indent: -9999em;
            }
            .text{
                width:450px;
            }
    #footer{
        background:url(images/footer.jpg) no-repeat;
        height:72px;
        color:#8bb5d4;
        padding:0 0 0 55px;
        line-height:60px;
        font-weight:bold;
    }
        #footer a{
            color:#8bb5d4;
            text-decoration:none;
        }
            #footer a:hover{
                color:#fff;
                text-decoration:none;
            }

HTML

HTML Code:

<body>
<div id="wrapper-outer">
  <div id="wrapper-inner">
  <!-- Wrapper Starts -->
<div id="wrapper">
<!-- Header Starts -->
    <div id="header">
        <ul id="nav">
            <li><a href="index.html">home</a></li>
            <li><a href="about.html">about us</a></li>

            <li><a href="services.html">services</a></li>
            <li><a href="clients.html">clients</a></li>                        
            <li><a href="contact.html">contact us</a></li>
        </ul>
        <div id="logo"><h1><a href="index.html"><span>Cimple.sol</span></a></h1></div>
    </div>
<!-- Header Ends -->
<!-- Container Starts -->

    <div id="container">
        <div id="content">
            <h2>Welcome to <span>cimple sol</span></h2>
            <p><img src="http://www.flepstudio.org/forum/images/default-img2.jpg" alt="default image" width="120" height="90" class="floatright" />Praesent est pulvinar rutrum orci, eget wisi, ante. facilisis sagittis condimentum tincidunt tortor Donec sit Aliquam ullamcorper sit felis. facilisis. ac turpis volutpat. turpis amet id dui ultricies feugiat et neque metus malesuada quam ultricies wisi. sed, leo. ipsum Ut Mauris egestas accumsan est. et quis, ac augue, tortor tristique neque tempus pharetra. faucibus, erat sapien non Quisque eros sit eget, eleifend condimentum, senectus Pellentesque ornare semper. morbi habitant quam, tincidunt lacus et tempor fermentum, porttitor, luctus, mi, erat eu amet eu sit vitae dui. Aenean in vulputate egestas. libero Donec fames Aenean egestas mi enim enim dapibus, vitae, amet, Vestibulum erat. eros amet, elit placerat Nam eu Vestibulum cursus vitae, netus magna commodo</p>
            <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>

        </div>
    </div>
<!-- Container Ends -->
<!-- Footer Starts -->
    <div id="footer">
        ©  copyrights reserved by <a href="#">cimple.sol</a>    </div>
<!-- Footer Ends -->
</div>
<!-- Wrapper Ends -->
  </div>

  
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','src','flash/bubble_cs3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/bubble_cs3' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%">
    <param name="movie" value="flash/bubble_cs3.swf" />
    <param name="quality" value="high" />
    <embed src="flash/bubble_cs3.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
  </object>
</noscript>
</div>
</body>
</html>

Spero davvero in un vostro aiuto:-)
Grazie mille

**Smacart** · 24-03-09

Nel caso dovesse servire ho uppato file su
Cimple.sol
grazie
solo su safari si vede correttamente a parte la trasparenza delle immagini del layout che devo ancora fare

**Onsitus** · 24-03-09

Ciao,

il z-index funziona solo su elementi con una posizione altro che static.
Per quello scrivere...
#wrapper-inner{
width:800px;
margin:0 auto;
z-index:10;
}
...è del tutto inutile.

Prova a aggiungere il tuo filmato dentro un div contenitore con una posizione absolute e un z-index inferiore e a #wrapper (gia con una posizione absolute - non ne ho capito l'uso) un z-index superiore.

**Smacart** · 25-03-09

Si il codice era mlto prolisso e non corretto...avevo provato ad adattare quelo esistente in un template..
L'ho semplificato,ora va su FF e Safari ma non su IE...
Qualche prezioso aiutino
Posto codice:
CSS :

HTML Code:

body {
text-align: center;
}

#background {
    z-index: 1;
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}


#contenitore {
z-index: 20;
position:relative;
margin-right:auto;
margin-left:auto;
width:800px;
height:600px;
}

#header {
z-index: 30;
background:url(../immagini/header.png);
width:800px;
height:80px;
top:0px;
left:0px;
position:absolute;
}


#contenuto {
background:url(../immagini/bkg_cont.png) repeat-y;
    z-index: 30;
    width:800px;
    height:448px;
    top:80px;
    left:0px;
    position:absolute;
}

#footer {
    z-index: 30;
    background:url(../immagini/footer.png);
    width:800px;
    height:61px;
    top:528px;
    left:0px;
    position:absolute;
}
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','src','flash/bubble_cs3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/bubble_cs3' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%">
  

  

  <embed src="flash/bubble_cs3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object></noscript>

Sempre visibile su Documento senza titolo

Grazie mille per le gentili risposte

**Smacart** · 25-03-09

Dimenticato html

Non mi carica codice html,cmq visibile all'url postata prima..

HTML Code:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','src','flash/bubble_cs3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/bubble_cs3' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%">
  

  

  <embed src="flash/bubble_cs3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object></noscript>

Grazie

**Onsitus** · 25-03-09

Manca il parametro wmode con il valore transparent per il swf (come era prima nel primo link che hai postato)

**Smacart** · 25-03-09

Ciao.
Messo il wmode come suggerito ma ancora nn va si IE mentre FFe Safari è ok..
Ti ringrazierei tantissimo per ulteriori consigli.
Grazie

**Onsitus** · 25-03-09

Ricontrolla il tuo script per inserire il swf.

Nel AC_FL_RunContent, non vedo il wmode transparent.
Invece nel tag embed ci sono errori, mancano i " " per i valori.

**flescix** · 30-03-09

Ciao, scrivo perchè ho un problema simile e forse e meglio continuare qui la discussione che scrivere un thread apposta.

Sto inserendo un video come all'interno di una home. La pagina è molto semplice: un header, la parte centrale contente il video ( cioè l'swf), e un header.

Il mio video è di dimensioni 100x100, quindi si allarge e si restringe in base ala grandezza della finestra del browser. Header e footer, invece, sono ancorati, in alto e in basso, e sono quindi sempre visibile anche rimpiccolendo la finestra.

Il problema è che sembra che il mio flash finisca sotto il footer, quindi parte del video non si vede.

**flescix** · 30-03-09

ecco il codice in allegato (ho fatto qaulche casino nel postarlo

)

HTML Code:

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<style type="text/css">
    body, html {height: 100%; background-color:#000;
                font-family:"Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
</style>