Se descuadra la pagina

angel_toledo · #1 (**permalink**) 28/05/2010, 12:45

Soy novato en esto del diseño y estoy creando una web (apoyado en Dreamweaver), solo que tengo un problema el cual es que cuando inserto los botones flash que hice para el menu y doy vista previa en Firefox se ve descuadrado (cuando doy vista previa en Explorer se ve bien, asi mismo cuando todavia no tenia hecho los botones flash y tenia unas imagenes jpg temporales del mismo tamaño que los actuales botones flash y en el mismo lugar se veia bien en Firefox), les agradeceria si me pudieran decir cual es mi error (anexo codigo abajo) asi mismo agradeceria si me pudieran dar consejos para mejorar u optimizar el codigo (me he estado apoyando en los Foros y San Google).

Imagenes de lo que me pasa en Firefox y Explorer:

Explorer (como se deberia de ver):
http://img9.imageshack.us/img9/4720/explorerd.jpg
Por cierto lo que esta en negro teoricamente son los botones flash (puse imagenes en flash negras en este ejemplo que hize por eso parece que solo fuera una sola barra negra, pero son 5 imagenes flash separadas, si esas imagenes flash las cambio por imagenes jpg se ve bien tanto en explorer como en firefox)

Firefox (misma pagina con el mismo codigo pero descuadrada):
http://img532.imageshack.us/img532/2227/firefox1l.jpg
http://img97.imageshack.us/img97/7682/firefox2l.jpg

Codigo en dos partes (debido al limite de caracteres los mensajes)

Código PHP:

  <!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>Pagina</title>
<style type="text/css">
<!--
body {
    margin: 0px;
    padding:0px;
    background-image: url(fondo.jpg);
    background-color: #FFF;
}

#global
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

#botones
{
    width:1000px;
}

#boton1
{
    float:left;
}

#boton2
{
    float:left;
}

#boton3
{
    float:left;
}

#boton4
{
    float:left;
}

#boton5
{
    float:left;
}

#suscribete
{
    float:left;
}

#contenido
{
    width:1000px;
}

#izquierda
{
    width:200px;
    height:500px;
    float:left;
}

#centro
{
    width:550px;
    height:500px;
    float:left;
}

#derecha
{
    width:250px;
    height:500px;
    float:left;
}

body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>

<div id="global">
  <div id="botones">
    <div id="boton1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="60" id="FlashID2" title="Inicio">
        <param name="movie" value="inicio.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.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="inicio.swf" width="150" height="60">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.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" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object></div>
    <div id="boton2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="60" id="FlashID3" title="Servicios">
        <param name="movie" value="servicios.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.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="servicios.swf" width="150" height="60">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.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" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object></div>
    <div id="boton3"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="60" id="FlashID4" title="Nosotros">
        <param name="movie" value="nosotros.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.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="nosotros.swf" width="150" height="60">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.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" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object></div>

angel_toledo · #2 (**permalink**) 28/05/2010, 12:45

Código PHP:

      <div id="boton4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="60" id="FlashID5" title="Estadisticas">

        <param name="movie" value="estadisticas.swf" />

        <param name="quality" value="high" />

        <param name="wmode" value="opaque" />

        <param name="swfversion" value="9.0.45.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="estadisticas.swf" width="150" height="60">

          <!--<![endif]-->

          <param name="quality" value="high" />

          <param name="wmode" value="opaque" />

          <param name="swfversion" value="9.0.45.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" /></a></p>

          </div>

          <!--[if !IE]>-->

        </object>

        <!--<![endif]-->

      </object></div>

    <div id="boton5"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="60" id="FlashID6" title="Contacto">

        <param name="movie" value="contacto.swf" />

        <param name="quality" value="high" />

        <param name="wmode" value="opaque" />

        <param name="swfversion" value="9.0.45.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="contacto.swf" width="150" height="60">

          <!--<![endif]-->

          <param name="quality" value="high" />

          <param name="wmode" value="opaque" />

          <param name="swfversion" value="9.0.45.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" /></a></p>

          </div>

          <!--[if !IE]>-->

        </object>

        <!--<![endif]-->

      </object></div>

    <div id="suscribete"><a href="suscribirse.html" target="contenido"><img src="suscribete.jpg" alt="Suscribete a nuestro Boletin" width="250" height="60" border="0" /></a></div>

  </div>

  <div id="contenido">

    <div id="izquierda"><img src="suscribete.jpg" width="200" height="500" alt="Izquierda" /></div>

    <div id="centro"><iframe width="550" height="500" frameborder="0" scrolling="auto" name="contenido" src="inicio.html"></iframe></div>

    <div id="derecha"><img src="suscribete.jpg" width="250" height="500" alt="Derecha" /></div>

  </div>

</div>

<script type="text/javascript">

<!--

swfobject.registerObject("FlashID2");

swfobject.registerObject("FlashID3");

swfobject.registerObject("FlashID4");

swfobject.registerObject("FlashID5");

swfobject.registerObject("FlashID6");

//-->

</script>

</body>

</html>