Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   iframe выезжает за рамки diva (https://javascript.ru/forum/misc/41770-iframe-vyezzhaet-za-ramki-diva.html)

Vampir3 28.09.2013 19:33

iframe выезжает за рамки diva
 
<div id="popupfrm" style="position: absolute; top: 25px; background: none repeat scroll 0% 0% white; left: 80px; border: 5px solid red; width: 1246px; height: 548px; margin: 0px;">
<div style="height:23px;background:blue" height="23px">
<img src="Close.gif" alt="X" onclick="hidePopupMenu()">
<img src="Close.gif" alt="X" style="float:right;" onclick="hidePopupMenu()">
</div>
<div>
<iframe width="100%" height="100%" frameborder="0" src="http://javascript.ru" style="overflow-x:hidden;"></iframe>
</div>
</div>


почему низ фрейма выезжает за границу div-a?
весь день кодю, уже элементарного не вижу

Erolast 28.09.2013 21:13

Потому-что его вытесняет вниз
<div style="height:23px;background:blue" height="23px">

Вот так надо:
<div id="popupfrm" style="position: absolute; top: 25px; background: none repeat scroll 0% 0% white; left: 80px; border: 5px solid red; width: 1246px; height: 548px; margin: 0px;">
<div style="height:23px;background:blue" height="23px">
<img src="Close.gif" alt="X" onclick="hidePopupMenu()">
<img src="Close.gif" alt="X" style="float:right;" onclick="hidePopupMenu()">
</div>
<div style="height: 525;">
<iframe width="100%" height="100%" frameborder="0" src="http://javascript.ru" style="overflow-x:hidden;"></iframe>
</div>
</div>

Vampir3 28.09.2013 21:20

Спасибо большоe ;-)


Часовой пояс GMT +3, время: 15:52.