redimensionar swf dentro de div

[natig]

Hola!

necesito ayuda urgentemente. Tengo que publicar una we antes del viernes y me estoy volviendo loca.

Dentro de un div he metido una película swf. El div tiene un tamaño en porcentaje y todos los margin y los padding a cero. Al swf le he puesto un ancho en porcentaje y de alto nada. El caso es que la película no ajusta la altura al div, si no que deja un espacio por arriba y por abajo, y lo que quiero es colocar dos películas swf seguidas sin espacio entre ellas. Si al swf le doy un alto determinado, no me deja espacios, pero yo lo que quiero es que se ajuste por porcentaje, escalándose con el ancho que le toque según el tamaño de la pantalla.

Espero haberme explicado y que podáis ayudarme.

Mil gracias.

Un saludo!

[comablck]

si bien te entiendo, podrias probar con esta forma..

html {
height: 100%;
overflow: hidden;
}

body {
height: 100%;
margin: 0;
padding: 0;
}

#flashcontent {
width: 100%;
height: 100%;
}

y al swf darle 100% al alto como ancho

[natig]

Yo he creado un div con un ancho de 60% y un alto automático. En el html, dentro de ese div, inserto un swf al que le doy un ancho del 100% (para que se ajuste al tamaño del div) y de alto no le pongo nada.

El problema es que el alto del div no se ajusta al alto del swf, si no que deja espacio por arriba y por abajo, a pesar de que yo le he especificado al div que ponga el alto automático.

Muchas gracias.

[kseso?]

Repetido hasta la saciedad siempre que hay tamaños en % implicados:
¿60% de qué?
Si no hay un referente será 60% de 0.
Así que lo suyo es declarar el html (1º ancestro común de todos los elementos) con anchura y altura al 100%.
A continuación (dependerá del caso) el body igual (100%) o auto.
Ahí ya hay un referente para calcular posteriormente a cualquier elemento los tamaños.

Adenda:
Natig, ya tiene suficiente veteranía como para saber de la importancia de un enlace al problema o como mínimo publicar el suficiente código (html+css) implicado como para reproducir el problema.
Sin ellos, no espere más que suposiciones, indicaciones generales o adivinanzas.

[natig]

Muchas gracias por tu respuesta, pero eso ya estaba hecho:

Código CSS:

@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0 auto;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    /*overflow: hidden;*/
    padding-top: 0;
    padding-right: 10;
    padding-bottom: 0;
    padding-left: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
* {
    margin: 0px 0px 0px 0px;
    padding-top: 0;
    padding-right: 50;
    padding-bottom: 0;
    padding-left: 0;
}
html {width: 100%; height: 100%; top:0; left:0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
 
body {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:100%;
    height:100%;
    background: #000 url(fondos/bg_head.jpg) center center fixed no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
}
 
#cabecera{
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    text-align: center;
}
 
#contenedor {
margin: auto;
width: 60%;
height:auto;
padding: 0px 0px 0px 0px;
background-color: #FFF;
text-align: center;
}
 

Código HTML:

<body>
<div id="cabecera"><img src="head_elect_entero.png"  width="100%" ></div>
<div id="contenedor">
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" >
    <param name="movie" value="barra_nav/titulo.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="11.0.0.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="barra_nav/titulo.swf" width="100%" >
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="11.0.0.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>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
 

Creo que el problema está al insertar el swf. Si le especifico un alto en px el div se adapta al tamaño del swf, si no, no se adapta, y toma el alto que le da la gana.

Un saludo!