2011-08-12 10 views
0

私がやっている開発では、動的なコンテンツ(通常は画像 - 画像ソースは動的ですが、寸法は固定)を動的に作成する必要があります。私は、IFRAMEの上に表示されるように任意のスクロールバーを必要としない、これは私も「オーバーフロー:隠された」試してみましたが、私はIE8、iframeと不要なスクロールバー

<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html"> 
</iframe> 

//content.html 
<body> 
    <div style="height: 100%; width: 100%; overflow: hidden"> 
     <img id="imgDiv" src="" style="height: 100%; width: 100%; "> 
    </div> 
</body> 

を行っているものですインラインフレームではなく、類似の挙動を観察しました。

これはFF/Chrome/Safariではすべて正常に機能しますが、IE8では機能しません。

IEは、スクロールバーが不要であると指定した後でも、スクロールバーにスペースを確保しているようですか?右側に空のスペースが描画され、画像が中央揃えになっていないように見えます。ここで必要なサイズのiframeで実際には醜いように見えます。

この現象を回避する方法はありますか?

+0

あなたが必要なものを行うことができますどのような方法があるにはiframe wihtout、はるかに少しだけイメージのいずれかを使用しているようです。 –

+0

私がここで言及したことは、私がやっていることの剥奪されたバージョンです。問題を実証するために残念ながら、私はここで使う必要があるiframeです。 しかし、私はこれを得ることができました。私が「オーバーフロー:隠し」を追加しても、IEであっても正しく動作します。 content.htmlのbodyタグに – Alphonso

答えて

0

「スクロール:なし」= FRAMEBORDERあなたは、IFRAMEの宣言で

frameborder="0" 
5

を試しスタイル属性にスタイルを変更することを与え、アイフレームで設定できる属性はありませんスクロール=用 "いいえ"

結果: <のiframe ID = "XXXX" 幅= "70ピクセル" 高さ= "70ピクセル" スクロール= "NO" SRC = "Cありませんontent.html」>

1

は国境使用を非表示にするには:

frameborder='0' scrolling='no' 
関連する問題