Я пытаюсь установить iframe внутри div. Моя проблема в том, что я не могу заставить его вложить до 100% ширины div, мне нужно указать ширину пикселя iframe.
Я хотел бы, чтобы iframe был "внутри" div, так что, если размер div изменен меньшим браузером, iframe также будет изменен.
Это мой код:
<div class="row-fluid">
<div class="span9" id="standard">
<div class="header-box">
<p class="header" >Bla Bla Header</p>
</div>
<div id="wrap">
<iframe id="frame" src="https://docs.google.com/a/...."frameborder="0"></iframe>
</div>
</div>
(more things in the row)
</div>
И CSS:
#wrap { width: 1130px; height: 100%; padding: 0;
overflow: hidden; position:relative;}
#frame { width: 100%; height: 100%;
border: 1px solid black; position:relative; }
#frame {
zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
Ниже показано, что происходит при изменении размера браузера.