2011-08-12 5 views
0

Для части разработки, которую я делаю, мне нужно динамически создавать iframe с некоторым динамическим контентом (обычно это изображение - источник изображения является динамическим, но размеры фиксированы). Мне не нужна какая-либо полоса прокрутки появляться на IFRAME, и это то, что я сделалIE8, iframes и ненужные полосы прокрутки

<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> 

Я также попытался «переполнение: скрытый» на IFRAME но наблюдал подобное поведение.

Это работает в FF/Chrome/Safari, но не в IE8!

Очевидно, что IE оставляет пространство для полос прокрутки даже после указания того, что полосы прокрутки не нужны? Пустое пространство отображается с правой стороны, что делает его похожим на то, что изображение не выровнено по центру. Это выглядит очень уродливым в iframe, таком же маленьком, как тот, который мне нужен.

Есть ли способ обойти это поведение ?

+0

есть ли способ, вы можете сделать то, что вам нужно wihtout в IFRAME, это кажется немного больше, чтобы использовать один раз для изображения. –

+0

То, что я упомянул здесь, - это урезанная версия того, что я делаю - просто чтобы продемонстрировать проблему - и, к сожалению, это iframe, который мне нужно использовать здесь. Но да, мне удалось заставить эту работу работать. работать в любом случае, даже в IE, если я добавлю «overflow: hidden»; тегу body.html – Alphonso

ответ

0

Там не приписывать frameborder вы можете установить на фреймах, дать, что попробовать

frameborder="0" 
5

В объявлении фрейма, изменить атрибут стиля стиля = «прокрутка: нет» для скроллинг = "нет"

Результат: < IFrame ID = "хххх" ширина = "70px" высота = "70px" скроллинг = "нет" SRC = "C ontent.html»>

1

Чтобы скрыть использование границы:

frameborder='0' scrolling='no'