введите описание изображения здесь Я пробовал
scrolling="no" height=100%, overflow:hidden
это не получилось. Когда я пытаюсь добавить высоту в пикселях, как
style="height:4000px;"
пиксель фонового изображения iframe поврежден. Ищем решение без установки высоты. Пожалуйста, помогите мне решить эту проблему.
текущий код HTML код
<div class="header_bar">
<div class="tab_active" onclick="location.href='...'">Tab1</div>
<div class="tab_inactive" onclick="location.href='...'">Tab2</div>
<div class="tab_inactive" onclick="location.href='...'">Tab3</div>
</div>
<div class="iframe_container">
<iframe id="main_iframe" class="main_iframe" frameborder="0" src="http://en.wikipedia.org/wiki/Special:Random">
</iframe>
</div>
<div class="header_bar">
<div class="tab_active" onclick="location.href='...'">Tab1</div>
<div class="tab_inactive" onclick="location.href='...'">Tab2</div>
<div class="tab_inactive" onclick="location.href='...'">Tab3</div>
</div>
CSS
html { height:100% }
body { height:100%; width:100%; margin:0; display:table;}
.header_bar {display:table-row; }
.iframe_container {height:100%; display:table-cell; }
iframe { height:100%; width:100%; display:block; }
Мне не нужна прокрутка в фреймах.