examples/resizable/basic.html

diff --git a/examples/resizable/basic.html b/examples/resizable/basic.html
index b11d32d..307d350 100644 (file)
--- a/examples/resizable/basic.html
+++ b/examples/resizable/basic.html
@@ -186,11 +186,11 @@ Warning: Snapping and preserveRatio conflict and can not be used together.
 });</code></pre>
 Warning: for obvious reasons animate and dynamic resizing can not be used together.
 <hr>
-<div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
+
+<div id="multi-box" style="background: none repeat scroll 0px 0px rgb(238, 153, 153); border: 4px solid red; cursor: pointer; height: 200px; left: 400px; opacity: 0.7; position: relative; top: 0px; width: 595px;">
+    <div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
     <div id="box2" style="position:absolute; left:600px;padding:20px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 2</div>
     <div id="box3" style="position:absolute; left:830px;padding:30px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 3</div>
-<div id="multi-box" style="background: none repeat scroll 0px 0px rgb(238, 153, 153); border: 4px solid red; cursor: pointer; height: 200px; left: 400px; opacity: 0.7; position: relative; top: 0px; width: 595px;">
-    
 </div>
 <pre class="code">
 <code>var custom = new Ext.Resizable('custom', {