Comunidad de diseño web y desarrollo en internet online

Problema Ffox y botonera SWF (el prob es de CSS probablemnt)

Citar            
MensajeEscrito el 19 Mar 2009 02:29 am
Hola, tengo un inconveniente que me trae de cabeza porque no veo nada aparente que me esté causando el extraño comportamiento...

Tengo una web dividida en 3 DIVs contenedores principales, Header, Content y Footer, dentro del header tengo 2 DIVs, uno para un banner y otro para la botonera de la página. Con Chrome e IE todo perfecto pero con firefox tengo un extraño comportamiento que pone "descentrada" la zona activa de mis botones, es decir, imaginense mi botonera horizontal con 9 botones, me coloco en el 5to y se selecciona es el primero, en el 6to se selecciona el segundo y asi sucesivamente, obviamente al pararme sobre el ultimo se selecciona el 4to boton y ya no tengo más nada a la derecha... alguna idea de q pueda estar sucediendo?? aquí coloco el código dentro del header con sus respectivos estilos:

Código :

<div id="header">
    <div id="banner-head">
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="100">
        <param name="movie" value="BANNERS/header.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="8.0.35.0" />
        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="BANNERS/header.swf" width="850" height="100">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="8.0.35.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
</div>
    
    <div id="menu-back">
      
      <div id="menu">
      
        <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="810" height="40">
          <param name="movie" value="BANNERS/botonera.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="8.0.35.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="BANNERS/botonera.swf" width="810" height="40">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="transparent" />
            <param name="swfversion" value="8.0.35.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div>
       
           
    </div>
</div>


/////////////////////////////

CSS:

#header {
background-attachment: scroll;
background-color: #666;
background-image: url(IMAGENES/background_01.jpg);
background-repeat: repeat-x;
height: 150px;
margin: 0 auto;
width: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 10;
}

#banner-head {
background-color: #666;
height: 100px;
width: 850px;
margin: 0 auto;
z-index: auto;
}
#menu-back {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
background-color: #444;
margin: 0 auto;
height: 45px;
width: 850px;
border-bottom: 5px solid #fff;
}

#menu {
margin: 0 auto;
height: 40px;
width: 810px;
}
#content {
background-color: #668833;
margin: 0 auto;
width: 850px;
padding-top: 0px;
padding-right:-20px;
padding-bottom: -10px;
padding-left: -20px;
z-index: auto;
overflow: auto;
height: 100%;
min-height: 100%;
}


/////////////////////////

Coloco el CSS del content porq es el inmediatamente siguiente, no se si haya algo en el content q sea lo q fastidie...

Gracias a todos por su colaboración

Por mike2586

8 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 19 Mar 2009 06:28 am
mmm no creo que sea el css, parece que es la forma que insertas el flash, ese object no deberias usar para insertar tus .swf y asi anidados no se insertan, es uno debajo de otro, esta bien feo, mira los dos swf insertalos con SWFObject, y si luego de eso el problema persiste debe ser el mismo .swf

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 19 Mar 2009 02:03 pm
Ya lo resolví, hasta cierto punto el problema estaba en el flash como tal, o al menos en sus opciones de publicación, dentro de la opción wmode está opaque, window y transparent, ponerlo en window me soluciona el problema con firefox... Con respecto a lo del SWFobject, lei al respecto y dreamweaver incrusta los SWF basados en eso.... asi q por ese lado no hay problema... aunq si hay una forma de declarar todos los SWF juntos, y sólo hacer un llamado referencial dentro del DIV pues sería más organizado (al menos eso es lo q entendí q me comentaste) aunq eso si no se cómo hacerlo... si me puedes echar una mano con eso? Igualmente ahorita estoy tranquilo porq se q no rompo ninguna regla :-) cabe destacar q soy diseñador... y lo q se de programación lo voy aprendiendo a medida que avanzo... hasta ahora ha sido suficiente para hacer un site 100% funcional :-D

Por mike2586

8 de clabLevel



Genero:Masculino  

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.