Advanced Search

Return to Snippet

Revision: 1539
at October 18, 2006 08:30 by danideu
Initial Code 
Esto es una forma de maquetación que consigue el flash con el width="100%" y el height="100%" y puedes programar a qué tamaño te sale el scroll.

El ejemplo:
http://www.thelirios.com/ah/flash100x100scroll/

Lo he probado tanto en IE como en Firefox y funciona, si alguno lo prueba en más, que lo postee.

El código no es mio, es de group94, que les amo y les odio a la vez, me lo he estudiado y salvo el completamente absurdo enlace "falso" la cosa tiene mucha lógica.

El HTML:
Código:
<html>
   <head>
      <title>
         flash width=100% height=100% con scroll, el flash tiene 1000x600 || www.thelirios.com
      </title>
      <style type="text/css">
         body,html {
            font: 11px Arial, sans-serif;
            margin: 0px 0px 0px 0px;
            background: #fff;
            text-align: center;
            color: #333;
         }
         td {
            valign: middle;
         }
      </style>
   </head>
   <body>
      <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">

         <tr>
            <td align="center">
            <object type="application/x-shockwave-flash" data="base.swf" width="100%" height="100%" title="flash 100% con scroll" standby="flash 100% con scroll">
                  <param name="scale" value="noscale" />
                  <param name="movie" value="base.swf" />
                  <param name="quality" value="best" />
                  <param name="menu" value="false" />
               </object>

            </object></td>
            <td><img src="" width="0" height="600" alt=""/></td>
         </tr>
         <tr>
            <td><img src="" width="1000" height="0" alt=""/></td><td></td>
         </tr>
      </table>
      <a href="#"></a>
   </body>

</html>


La explicación:

Una tabla, 3 columnas y 3 filas. El flash ocupa la de arriba a la izquierda y las otras están ocupadas por <img> inexistentes, para que el explorador ajuste a la imagen el tamaño. Asi conseguimos que el scroll salga cuando se supone que el espacio lo ocupa la imagen.

El último paso, el enlace "falso" es para corregir en IE6 la fila de abajo, que dejaba un alto de unos 30px.

Es brillante, no imagino la de pruebas que han tenido que hacer para que llegue yo con "view source" y me lo quede, pero se pueden hacer mil cosas que antes no se podian.
Initial URL 
http://www.thelirios.com/ah/flash100x100scroll/
Initial Description 









Initial Title





Controlar a que tamaño aparece el Scroll con Flash









Initial Tags














Initial Language





ActionScript