2011-11-27 30 views
12

Digamos que tengo un iframe con la página 2.htm configurada como src.¿Es posible mostrar solo un cierto div dentro de un iframe?

<iframe src="2.html"></iframe> 

Esto muestra el 2.html. Pero 2.html tiene un div con el id 'dentro'. Solo quiero mostrar el contenido de 'dentro'.

¿Cómo haré esto?

+0

¿ha editado privilegios para 2.html y podría agregar algunos javascript o es un sitio web extranjero en el que no puede cambiar nada? – Seybsen

+1

no puedo cambiar el 2.html – Chris

Respuesta

16

Este es el código CSS y HTML para realizar la tarea:

<style> 
#outerdiv 
{ 
    width:446px; 
    height:246px; 
    overflow:hidden; 
    position:relative; 
} 

#inneriframe 
{ 
    position:absolute; 
    top:-412px; 
    left:-318px; 
    width:1280px; 
    height:1200px; 
} 
</style> 
<div id="outerdiv"> 
    <iframe src="2.html" id="inneriframe" scrolling="no"></iframe> 
</div> 

Trate de hacer esto: http://jsfiddle.net/57MRn/

¿Cómo funciona esto
El marco flotante se mueve hacia arriba dentro de la outerdiv hasta que sólo el div dentro se muestra.

Cuestiones relacionadas