Авто изменить размер с дивами

Question

Как это IFrame:

<iframe src="http://www.gamepuma.com/external.html?http://data.gamepuma.com/games/06/crash-bandicoot.swf" width="600" height="400"frameborder="0" marginwidth="0" scrolling="no"></iframe> 

быть повторно размером автоматически с помощью DIV? То, как я это делаю, не работает.

.showgame { 
    width: 640px; 
    height: 480px; 
    margin:0; 
    padding:0; 
    position: absolute; 
    left: 0px; 
    top: 40px; 
} 

<div class="showgame"> 
<?php echo $row_GameData['strGame']; ?> 
</div> 

Answer 1

Изменить селектор CSS из

.showgame 

в

.showgame iframe 

Вы можете настроить таргетинг на IFRAME непосредственно для того, чтобы изменить его размер.

Если вы хотели бы сохранить все стили на этой обертке DIV, вы должны быть в состоянии добавить вместо этого:

.showgame iframe { 
    width: 100%; 
    height: 100%; 

    border: 0; 
    /*OR*/ 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
}