ayuda con estilo css en firefoxx

eke_ps · #1 (**permalink**) 23/09/2010, 07:16

miren mi swf cargado en internet explorer se ve bien PERO en firefox un swf que esta en el centro se ve corrido para el costado

les paso parte del codigo

si necesitan mas avisen

Código CSS:

Ver original#flash{
    width:750px;
    height:360px;
    margin-left:18px;
    margin-right:12px;
 
    }

Código CSS:

Ver originalbody{
    background-image:url(../imagenes/fondo.png);
    text-align:center;
    margin-top:0px;
}

lvfp · #2 (**permalink**) 23/09/2010, 07:42

#Flash está dentro de algo o directamente en body?

eke_ps · #3 (**permalink**) 23/09/2010, 07:59

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clarin Promociones</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="Scripts/certifica.js" type="text/javascript"></script>
<script language="JavaScript">
 
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
 
</script> 
</head>
<body>
 
<!--[if lt IE 7]>
 
 
<div id="mensaje_ie6">
    <div id="mensaje_ie6_contenedor">
        <div id="mensaje_ie6_texto">
            <p>A fin de lograr una navegación más agradable en el sitio, te recomendamos actualizar tu navegador I Explorer 6, por alguno de los siguientes, I Explorer 8, Firefox 3.6+ o Google Chrome.</p>
            <div id="mensaje_ie6_navegadores"><a href="http://www.microsoft.com/spain/windows/internet-explorer/" target="_blank"><img src="imagenes/nav_ex.gif" alt="iexplorer8" width="35" height="35" hspace="5" border="0" /></a><a href="http://www.mozilla-europe.org/es/firefox/" target="_blank"><img src="imagenes/nav_moz.gif" alt="Firefox" width="27" height="27" hspace="5" vspace="3" border="0" /></a><a href="http://www.google.com/chrome" target="_blank"><img src="imagenes/nav_chr.gif" alt="Chrome" width="28" height="28" hspace="5" vspace="3" border="0" /></a>
              <div style="clear:both;"></div>
          </div>
        </div>
    </div>
</div>
<![endif]-->
 
<div id="encabezado_promo" >
    <div id="barrasup">
    <div class="sup1"><img src="imagenes/promociones.png" /></div>
    <div id="sup2">
        <div  id="cell1"><img src="imagenes/banda_izq.gif" /></div>
        <div id="botones">
        <div id="btnhome"><a href="/index"><img src="imagenes/boton_home.gif" border="0" /></a></div>
        <div id="estrella"><img src="imagenes/banda_estrella.gif" /></div>
 
        <div id="btnopromo"><a href="/OtherPromotions" ><img src="imagenes/boton_otras.gif" border="0" /></a></div>
         <div id="estrella"><img src="imagenes/banda_estrella.gif" /></div>
          <div id="btnpromoa"><img src="imagenes/boton_anteriores.gif" border="0" /></a></div>
      </div>
        <div id="cell3"><img src="imagenes/banda_logo.gif" /></div>
        <div id="cell4"><img src="imagenes/banda_der.gif" /></div>
    </div>
</div>
<div id="clear"></div>
</div>
 
<div id="encabezado">
    <div id="content"><img src="imagenes/otras.png" width="305" height="49" align="left"></div>
</div>
 
<div id="contenido">
    <div id="content">
    
    <div id="flash">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="490" height="275" id="FlashID2" title="animacion">
      <param name="movie" value="flash/banner/baner_other_promo_1.swf" />
      <param name="quality" value="high" />
 
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="flash/banner/baner_other_promo_1.swf" width="750" height="360">
        <!--<![endif]-->
        <param name="quality" value="high" />
 
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
        <div>
          <h4>El contenido de esta página requiere una versión más reciente de 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="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
        </div>
 
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
  </div>
  </div>
</div>
 
<div id="pie"><img src="imagenes/pie.png" /></div>
 
 
<!--Llamada a certifica--> 
<script type="text/javascript">hitCertifica('203797','Promociones/Clarin','/ChequeFacil');</script>
<!--Google analytics--> 
<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7498938-7']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })(); 
</script>
</body>
</html>

ahi esta el codigo html

lvfp · #4 (**permalink**) 23/09/2010, 09:09

Puedes darnos la dirección de la página para hacer pruebas con el css?

eke_ps · #5 (**permalink**) 23/09/2010, 09:11

http://promociones.clarin.com/OtherPromotions

marilinadg · #6 (**permalink**) 23/09/2010, 13:33

Si buscas que te quede igual que en IE tienes mal las medidas de ancho y alto del flash.
Prueba poniendo esto:

#flash{
width:505px;
height:275px;
margin-left:18px;
margin-right:12px;

}

Espero haber ayudado.

PHPau · #7 (**permalink**) 23/09/2010, 13:59

Mirate las diferencias entre el model box de ff y de ie

ramatis4620 · #8 (**permalink**) 26/09/2010, 09:54

¿ No seria mas logico trabajar en porcentajes en vez de pixeles ? es decir diagramacion liquida, para que se acomode automaticamente al centro de la pagina, sin importar el navegador o la resolucion del monitor