diff --git a/examples/getfeatureinfo-image.html b/examples/getfeatureinfo-image.html
index b0704b96ad..44a91d0e47 100644
--- a/examples/getfeatureinfo-image.html
+++ b/examples/getfeatureinfo-image.html
@@ -9,10 +9,12 @@ tags: "getfeatureinfo, forEachLayerAtPixel"
 <div class="row-fluid">
   <div class="span12">
     <div id="map" class="map"></div>
-    <div class="span4 offset4 pull-right">
+  </div>
+</div>
+<div class="row-fluid">
+    <div class="span4 offset4 iframe-info">
       <div id="info" class="alert alert-success">
         &nbsp;
       </div>
     </div>
-  </div>
 </div>
diff --git a/examples/getfeatureinfo-tile.html b/examples/getfeatureinfo-tile.html
index b1173eb9ac..a967c01741 100644
--- a/examples/getfeatureinfo-tile.html
+++ b/examples/getfeatureinfo-tile.html
@@ -9,10 +9,12 @@ tags: "getfeatureinfo, forEachLayerAtPixel"
 <div class="row-fluid">
   <div class="span12">
     <div id="map" class="map"></div>
-    <div class="span4 offset4 pull-right">
+  </div>
+</div>
+<div class="row-fluid">
+    <div class="span4 offset4 iframe-info">
       <div id="info" class="alert alert-success">
         &nbsp;
       </div>
     </div>
-  </div>
 </div>
diff --git a/examples/resources/layout.css b/examples/resources/layout.css
index ab0be1d8fa..400540d29a 100644
--- a/examples/resources/layout.css
+++ b/examples/resources/layout.css
@@ -58,6 +58,9 @@ ol.inline>li {
 .ol-control button, .ol-attribution, .ol-scale-line-inner {
   font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
 }
+.iframe-info iframe{
+  width: 100%;
+}
 
 pre[class*="language-"] {
   margin-top: 20px;