Entrar

Centrar iframe en un div

Macf · · Solicitar retirada
Buenos dias, el caso es que tengo un programa que me automatiza unas tareas de una web, en concreto va clickeando en determinados sitios de un flash, y para que funcione bien tengo que tener el objeto flash justo en la parte de arriba de la página, es decir, como si bajaras con la rueda del ratón hasta que se viera todo el flash y no quedara margen por arriba, hasta aquí todo bien, le tengo puesto al programa (iMacros) que baxe x pixeles y funciona todo perfecto, pero el problema es que de vez en cuando meten en la web, encima del objeto flash alguna cosita y ya hay que modificar esos píxeles para que funcione bien, y además de que es un engorro deja de funcionar el tinglado hasta que no vuelvo a especificar los px bien. Resumiendo, da igual que no os hayáis enterado de lo anterior, no se como explicarlo bien, lo que necesito es hacer que en otra web solo me aparezca ese objeto flash (no puedo copiar la ruta del flash tal cual y pegarla en mi pag) o un iframe que aunque muestre toda la página esté centrado ya en ese flash sin importar cuantas cosas haya encima de el, y que vayan cambiando.

Aun así no se si queda claro, necesito poner un iframe que diga centrar en tal div o en tal objeto flash y se centre, sin ponerle por ejemplo baja 100px, porque hoy pueden ser 100 y funcionar bien pero mañana pueden ser 150 o 200.

Un saludo.
francisco1 · · Solicitar retirada
hola prueba lo width: auto; height: auto; y si no funciona adaptalo en % = responsive px = fijo etc y con los css creo que se centrara

css

 
iframe { 
width: auto; 
height: auto; 
margin: 0 auto; 
display: block; 
}

html

 
<body> 
<iframe src=""></iframe> 
</body>
skaparate · · Solicitar retirada
Hola:

Como dice Francisco, una regla de oro es que siempre el elemento que esta dentro de un div, al que le des un ancho y margin izquierdo y derecho automáticos, quedará centrado:

<style>
  div { width: 100%; }
  .centrado { width: 50%; margin: 0 auto; }
  iframe.centrado { display: block; } /* Los iframe necesitan ser mostrados como bloques para que funcione */
</style>
<div>
  <iframe class="centrado" src="http://google.com/"></iframe>
</div>
Macf · · Solicitar retirada
Gracias por vuestras respuestas pero no me referia a eso, quiero que lo que se muestre dentro del iframe sea un div en concreto de otra página, o que esté centrado en ese div en concreto.
skaparate · · Solicitar retirada
Aaaaaaaaaaaaah... eso es más complejo... pero mira, si el div, en el cual quieres centrar el contenido, tiene un ID (<div id="mi-id"></div>), puedes hacer esto:

<iframe src="http://dominio.algo/pagina.html#mi-id"></iframe>

De esa forma podrás centrarlo. Ahora, si el div no tiene un ID, pero tiene una clase, entonces podrías utilizar jQuery para eso:

<script>
  jQuery(document).ready(function($) {
    $('#cont-frame').ready(function() {
      $('div.contenido').focus();
    });
  });
</script>
<iframe id="cont-frame" src="http://dominio.algo/pagina.html"></iframe>

No lo he probado, pero teóricamente debería funcionar. Debes incluir la librería jQuery para que funcione (jquery.com, es gratuito).
Macf · · Solicitar retirada
Muchisimas gracias skaparate, si que tenia id el div, así que ha sido coser y cantar, con lo facil que ra y no me había acordado de las anclas, mil gracias, cuantos problemas me has ahorrado.