迷惑なiframeの枠線を取り除くにはどうすればいいですか？

フィドル（それは私の実際のコードのスケルトンです）：http://jsfiddle.net/nkipe/6bhee8c8/
コード：
CSS迷惑なiframeの枠線を取り除くにはどうすればいいですか？

* 
{ 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    margin: 0; padding: 0; 
} 
html 
{ 
    height: 100%; 
} 
body 
{ 
    height: 100%; 
    background: #FEFFFB; 
    font-family: arial, verdana; 
} 
#layoutContainer 
{ 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
    position: fixed; 
} 

#iframeHeader 
{ 
    width: 100%; 
    height: 50px; 
    border: 0; 
} 
#iframeStatusBar 
{ 
    width: 100%; 
    height: 15px; 
    border: 0; 
} 
#iframeMainMenu 
{ 
    width: 200px; 
    height: 100%; 
} 
#iframeCenterContent 
{ 
    width: 100%; 
    height: 100%; 
    top: 65px; 
    left: 200px; 
    position: fixed; 
} 
#iframeFooter 
{ 
    width: 100%; 
    height: 50px; 
    bottom: 0px; 
    left: 200px; 
    position: fixed; 
}

HTML

<div id="layoutContainer"> 
    <iframe id="iframeHeader" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe> 
    <iframe id="iframeStatusBar" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe> 
    <iframe id="iframeMainMenu" src="#"></iframe> 
    <iframe id="iframeCenterContent" src="#"></iframe> 
    <iframe id="iframeFooter" src="#"></iframe>    
</div>

そして、私はChromeで私の実際のコードを実行すると、それは示していこの画像に示すように、灰色の枠線として表示されます。
enter image description here

出典

2015-01-14 Nav

を逃していた見、あなたがしようましたあなたが受け取った解決策？ – dippas

もちろん、私は解決策を試しました。だから私は、既存の答えが役に立たないと私は言った。 – Nav

サイトのリンクを教えてもらえますか？ご覧のとおり、スニペットが機能しています。 – dippas

は、ちょうどあなたのCSSに以下を追加：以下

iframe {  
border: 0; 
}

参照スニペット：

* { 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
html { 
 
    height: 100%; 
 
} 
 
body { 
 
    height: 100%; 
 
    background: #FEFFFB; 
 
    font-family: arial, verdana; 
 
} 
 

 
/*ADD THIS BELOW */ 
 
iframe { 
 
    border: 0 ; 
 
} 
 
/*END*/ 
 

 
#layoutContainer { 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0px; 
 
    left: 0px; 
 
    position: fixed; 
 
} 
 
#iframeHeader { 
 
    width: 100%; 
 
    height: 50px; 
 
    border: 0; 
 
} 
 
#iframeStatusBar { 
 
    width: 100%; 
 
    height: 15px; 
 
    border: 0; 
 
} 
 
#iframeMainMenu { 
 
    width: 200px; 
 
    height: 100%; 
 
} 
 
#iframeCenterContent { 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 65px; 
 
    left: 200px; 
 
    position: fixed; 
 
} 
 
#iframeFooter { 
 
    width: 100%; 
 
    height: 50px; 
 
    bottom: 0px; 
 
    left: 200px; 
 
    position: fixed; 
 
}

<div id="layoutContainer"> 
 
    <iframe id="iframeHeader" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe> 
 
    <iframe id="iframeStatusBar" src="#" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"></iframe> 
 
    <iframe id="iframeMainMenu" src="#"></iframe> 
 
    <iframe id="iframeCenterContent" src="#"></iframe> 
 
    <iframe id="iframeFooter" src="#"></iframe> 
 
</div>

出典

2015-01-14 12:10:39 dippas

作品。ありがとうございます – Nav

あなたを助けてうれしい – dippas