2016-10-27 7 views
0

だから私はこの問題があります。私はiframeの中で調整してhtmlしようとしていますが、私はこれを頭で叩いています。 Htmlには画像スライダが含まれています。私の目的は、画像スライダがiframe全体を塗りつぶすことです。htmlからiframeのサイズ

これはindex1.htmlをtarggeting、IFRAMEのhtmlです:

<iframe height="520px" width="100%" src="index1.html" name="frame" style="border: none"></iframe> 

、ここではindex1の画像スライダー寸法

body{ 
    padding: 0px; 
    margin:0px; 
} 

#container{ 

width: 1298px; 
height: 520px; 
padding: 0px; 
margin-top:0px; 
margin-left:0px; 

} 

#slider{ 
position: center; 
overflow: hidden; 
width: 1298px; 
height: 520px; 
padding: 0px; 
margin-top:0px; 
margin-left:0px; 
} 

を制御CSSは私が調整しようとするたびです画像スライダとそのコンテナの高さ、iフレームがスクロールを作成します。 please view image

赤は私がにイメージスライドフィット感を得ることができないのiframeの残っている灰色の領域をマークしていること:

私は取得していた結果は次のとおりです。

どうすればいいですか?

答えて

0

使用のいずれかscrolling="no"またはoverflow: hidden;

<iframe height="520px" width="100%" src="index1.html" name="frame" scrolling="no" style="border: none; overflow: hidden;"></iframe> 

あなたはおそらく見て、「index1.html」の一部が画像スライダーよりも広くなっているかどうかを確認する必要があります。マージン、パディング、境界線に注意してください。上記の私の提案を試す前に、これを調べます。なぜなら、コンテンツの一部が隠されていると、後に問題が発生する可能性があるからです。

関連する問題