diff --git a/lib/javascript-static.js b/lib/javascript-static.js
index 1c1e19c..57e7c5d 100755
--- a/lib/javascript-static.js
+++ b/lib/javascript-static.js
@@ -363,12 +363,25 @@ M.util.init_maximised_embed = function(Y, id) {
             obj.setStyle('width', '500px');
         }
 
-        var headerheight = get_htmlelement_size('page-header', 'height');
-        var footerheight = get_htmlelement_size('page-footer', 'height');
-        var newheight = parseInt(Y.one('body').get('winHeight')) - footerheight - headerheight - 100;
+       var resourceheight = false;
+        try {
+            // Can we get the height of the embedded resource (i.e. if it's HTML)?
+            resourceheight = Y.one('#resourceobject').get('contentDocument').one('body').get('offsetHeight');
+        } catch (e) {}
+       var newheight;
+        if (resourceheight) {
+            newheight = resourceheight + 200;
+        } else {
+           //AS: when tested, the 'else' is the one got executed, not sure when the 'if' part will be executed
+           var headerheight = get_htmlelement_size('page-header', 'height');
+           var footerheight = get_htmlelement_size('page-footer', 'height');
+           //AS: we want such that the size of the rectangle is adjusted according to the size of the browser
+           newheight = parseInt(Y.one('body').get('winHeight')); // - footerheight - headerheight - 100;
+       }