Заполнить пробелы с iframe (jsfiddle)

Question

Я пытаюсь создать страницу с заголовком и левой боковой панелью и имеет iframe в области содержимого. Я не хочу, чтобы область Iframe заполнила всю область содержимого (пробелы), но, похоже, она не работает. Я ищу IFrame, чтобы он идеально вписывался, что означает, что он начинается там, где заканчиваются края заголовка и левого меню. Кажется, мне кажется, что он распространяется от одной стороны страницы к другой или попадает в середину пробела.

Может ли кто-нибудь помочь?

Вот JsFiddle: http://jsfiddle.net/P9CH9/2/

При удалении <div id="iframe-content"> он будет охватывать IFRAME с одной стороны страницы на другую.

Answer 1

мне удалось добиться того, что я хотел вручную путем добавления верхнего края и слева контейнера Iframe, а также установить сверху, слева, справа, снизу до 0, как, например:

.abs-frame-container { 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
margin-left: 250px; 
margin-top: 55px; 
} 

Вот последний JFiddle, я добавил черный, чтобы показать, где iframe, так как JsFiddle, похоже, не позволяет iframes. http://jsfiddle.net/P9CH9/4/

Answer 2

Вы можете установить ширину 100% для wrappend и фиксированного меню, так что обертка не рассматривает вообще меню и получает всю ширину экрана

Главная Модификация:

.menu { 
    background: none repeat scroll 0 0 #202020; 
    float: left; 
    margin-top: 55px; 
    position: fixed; 
    width: 25%; 
    height: 100%; 
    z-index: 2147483647; 
} 

.wrapper { 
    float: left; 
    margin-top: 55px; 
    width: 75%; 
    margin-left: 25%; 
} 

И это решение является отзывчивым.

http://jsfiddle.net/joseapl/P9CH9/5/