iframe在博主中的定位

我試圖將某人的博客（經他們許可）嵌入到我的博客中。我正在用iframe來做這件事，而且也只想剪掉他的部分博客。我發現了一些代碼，在我想要嵌入他的博客的靜態頁面上刪除了一些元素（以騰出更多空間），並且還發現瞭如何在iframe中移動他的博客，以便將它裁剪到我想要的位。iframe在博主中的定位

我現在唯一的問題是，我想我剪裁的位出現在我的博客的主包裝中，以便它看起來更加整合。如果你看我的博客的測試頁上，你會明白我的意思....

damianp1.blogspot.co.uk

主包裝（如果這就是它叫什麼）上面漂浮iframe。

這裏是我用來做上述的HTML ...

<style type="text/css"> 

.blog-pager, .footer, .comments, .post-footer, .main-background, .feed-links, .post- title, .sidebar, #Attribution1, #footer-wrapper .sidewrapper { display:none !important;} 
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;} 

</style> 
</b:if> 
<style>] 


#outerdiv {width: 250px; overflow:hidden; position: relative;} 
#innerdiv {position: absolute; left: -360px; top: -100px;clip:rect(250px 1700px 20000px 329px);} 
</style> 

<div id="outerdiv"> 
<div id="innerdiv"> 
<iframe width="1000" height="30000" src="http://birdingsthelens.blogspot.co.uk/" id=’innerdiv’ scrolling="no" frameborder="0"></iframe> 
</div> 
</div>

我怎樣才能得到博客的裁剪位進入主包裝，或者是有這樣做的更好的辦法？正如你可能告訴我對HTML一無所知，我只是複製並粘貼我從網上找到的代碼片段！

乾杯，達米安

來源

2013-06-30 user2537371

爲了獲得藍色區域內的iframe你將需要刪除有關innerdiv（包括div標籤本身）如不是在他們需要的所有樣式...

<style type="text/css"> 

.blog-pager, .footer, .comments, .post-footer, .main-background, .feed-links, .post- title, .sidebar, #Attribution1, #footer-wrapper .sidewrapper { display:none !important;} 
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;} 

</style> 
</b:if> 
<style>] 


#outerdiv {width: 250px; overflow:hidden; position: relative;} 
</style>

編輯：使用

<div id="outerdiv" style="width: 600px; overflow: hidden"> 

<iframe width="850" style="position: relative; left: -280px; top: -290px" height="30000" src="http://birdingsthelens.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe> 
</div>

可以裁剪任何ü的相對位置不需要的內容。

注：如果你想要的內容是頁面的寬度，而不是藍色區域的標準尺寸，這裏的尺寸：

<div class="post-outer" style="width:875px"> 
<div id="outerdiv" style="width: 900px; overflow: hidden"> 
<iframe width="1300" style="position: relative; left: -440px; top: -290px" height="30000" src="http://birdingsthelens.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe>

來源

2013-07-01 01:27:58 user2536988

你好，非常感謝你的幫助。我在我的博客上的test2頁面上面使用了你的代碼。 iframe現在位於藍色區域內，但它再次顯示整個頁面，而不僅僅是「測試」頁面中顯示的裁剪區域。是否可以裁切頁面並將其放在藍色區域內？再次感謝Damian。 – user2537371

對不起，我誤解了你的問題，我編輯了我的答案 – user2536988

哇。太棒了！！非常感謝。這看起來完全是我想要的！我花了幾個小時試圖弄清楚，所以我非常感激。我會嘗試去除iframe上方顯示的藍色框。再次感謝Damian。 – user2537371

iframe在博主中的定位

回答

相關問題