このiframeの枠線やスクロールバーを失い、DIVに合わせてサイズを変更するにはどうすればよいですか？

Question

私は他の人が言ったことを試しましたが、うまくいかないようです。おそらく自分でコード化できますか？私は本当に不満です。ここで

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'test.html\'></iframe>'">Computing</a> 

は、私はそれを希望の場所である：

http://markbrewerton.co.uk/work.html#computing

Answer 1

のiframeが、それは親の記入と何の境界線を持たないようにするには、このようなCSSルールを使用します。

#MainBack iframe { width: 100%; height: 100%; border: none; } 

Internet Explorerはborder設定を尊重していないため、属性をタグに設定する必要があります。

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=&quot;test.html&quot; frameborder=&quot;0&quot;></iframe>'">Computing</a> 

Answer 2

HTML

<iframe src="" scrolling="no" frameborder="0" allowtransparency="true"></iframe> 

CSS

Allowtransparecyは、そうでなければ、ページの背景は異なる背景が表示されますIEに使用されている

border:none; 
overflow:hidden; 
width:450px; 
height:35px;" 

..

EDIT： 追加エスケープされたバージョン

<a href="#computing" onclick="document.getElementById('MainBack').innerHTML = '<iframe src=\'http://www.google.com\' scrolling=\'no\' frameborder=\'0\' allowtransparency=\'true\'></iframe>'">Computing</a>  
<div id="MainBack"></div>