Заставить адаптироваться iframe в зависимости от изменений

[Zacker2]

Да, отдельно работают, прокрутку в основном браузере тоже заценил, но в cms wp не срабатывают, возможно мешает css самого wp или ее темы.

 

[bork75]

Да, отдельно работают, прокрутку в основном браузере тоже заценил, но в cms wp не срабатывают, возможно мешает css самого wp или ее темы.

firebug или любой инспектор в браузере поможет выявить, какие подключаются стили к элементу (ифрейму)
Если не умеешь смотреть им, то просто в шаблоне, по одному убираешь строки с подключаемыми стилями (скриптами) и смотришь работает или нет.
Если заработал ифрейм, то в нужном файле со стилями поискать iframe, если нет, то методом перебора, сначала удаляешь одну половину стилей,
потом другую, каждый раз проверяю результат, сокращая область поиска, найдешь виновника. (предварительно сделав копию файла).

Как вариант, попробовать добавить ко всем параметрам из моих примеров !important
width:100% !important; и т.д.

 

[Zacker2]

Отступ с верха убрал, т.е. вот эту строку:

margin-top:200px;

ифрейм появился, но это не height:100%, а 5 часть рамки с прокруткой, т.е. маленькая рамка с width:100%...

Код сейчас выглядит так:

<style>

* {
margin:0;
padding:0;
}

html {
height: 100%;
}

body {
height: 100%;
position: relative;
overflow: hidden;

}

.a {width:100%; height:100%;}
iframe {width:100%; height:100%; border:none;}
.block_iframe {width:100%; height:100%; height: calc(100% - 200px);}


</style>

<div class="a">
<div class="block_iframe">
<iframe class="iframe-content" frameborder="0" src="http://nic.ru" name="fff" align="left" border="0"></iframe>
</div>
</div>

По поводу firebug, насколько я понимаю это тоже самое, что и 'Просмотреть код элемента' в штатной опере, эта функция тоже имитирует страницу в зависимости от изменений в ней.

Кстати, вот как браузер видит эту часть, если смотреть через 'Просмотреть код элемента'.

<div id="post-2417" class="page post-2417 type-page status-publish hentry">
        <style>
<p>* {
   margin:0;
   padding:0;
}</p>
<p>html {
  height: 100%;
}</p>
<p>body {
height: 100%;
position: relative;
overflow: hidden;</p>
<p>}</p>
<p>.a {width:100%; height:100%;}
iframe {width:100%; height:100%; border:none;}
.block_iframe {width:100%; height:100%; height: calc(100%);}</p>
</style>
<div class="a">
<div class="block_iframe">
       <iframe class="iframe-content" frameborder="0" src="http://nic.ru" name="fff" align="left" border="0"></iframe>
     </div>
</div>
        <div class="clear"></div>
        <!--.pagination-->
    </div>