iframe - 固定ヘッダー付き iFrame

Question

これと似たようなことをしたいと思います: http://bit.ly/RLpHme

私は不動産業者のウェブサイトに取り組んでいます。彼女はパートナー サイトからリストをロードしたいと考えていますが、上部に自分の情報が固定されたヘッダーを持っています。

これを達成するにはどうすればよいですか？

助けてくれてありがとう！

Answer 1

iFrame でヘッダーを修正しました。http://jsfiddle.net/QQKc4/50/ を確認してください。

<div id="headerfix"></div>
<iframe id="preview-frame" src="http://www.test.com" frameborder="0"></iframe>

CSS

#headerfix {
    height: 60px;
    background-color:#DDD;
    border-bottom: 3px solid #59A3C8;
    z-index: 99999;
    position: fixed;
    width: 100%;
}
#preview-frame {
    margin: 0 auto;
    display: block;
    padding-top: 60px;
    width:100%;
    height: 581px;
}