2011-11-27 12 views
12

Diciamo che ho un iframe con la pagina 2.htm impostata come src.È possibile visualizzare solo un div all'interno di un iframe?

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

Quindi questo mostra il 2.html. Ma 2.html ha un div con l'id 'dentro'. Voglio solo visualizzare il contenuto di "dentro".

Come faccio?

+0

hai modificato i privilegi per 2.html e potresti aggiungere qualche javascript oppure è un sito estero su cui non puoi cambiare nulla? – Seybsen

+1

Non riesco a cambiare il 2.html – Chris

risposta

16

Questo è il codice CSS e HTML per realizzare il compito:

<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> 

Prova questo fuori: http://jsfiddle.net/57MRn/

Come funziona
L'IFRAME viene spostato in seno al outerdiv fino a soltanto viene mostrato il div interno.

Problemi correlati