More work updating the notebook to use dynamics resizing.

IPython/frontend/html/notebook/static/css/notebook.css

@@ -72,17 +72,14 b' body {'
     overflow: hidden;
 }
 
-div#wrapper {
-    /* This is needed to make sure the wrapper fills the body */
-    width: 100%;
-    height: 100%;
-}
 
 span#ipython_notebook h1 {
     font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     font-size: 22pt;
-    padding: 10px;
-    margin: 10px;
+    height: 35px;
+    padding: 5px;
+    margin: 0px;
+
 }
 
 div#tools {
@@ -110,35 +107,53 b' span#kernel_status {'
 
 div#notebook_app {
     width: 100%;
+    position: relative;
 }
 
 div#left_panel {
     width: 200px;
+    min-height: 300px;
     overflow-y: auto;
-}
-
-div#pager_splitter {
-    height: 7px;
+    top: 0px;
+    left: 0px;
+    margin: 0px;
+    padding: 0px;
+    position: absolute;
 }
 
 div#left_panel_splitter {
     width: 7px;
+    top: 0px;
+    left: 202px;
+    margin: 0px;
+    padding: 0px;
+    position: absolute;
 }
 
-div#pager {
-    height: 200px;
-    overflow: auto;
-    padding: 15px;
+div#notebook_panel {
+    margin: 0px 0px 0px 211px;
+    padding: 0px;
 }
 
 div#notebook {
     overflow-y: scroll;
     overflow-x: auto;
-    padding: 0px 15px;
+    width: 100%;
+    padding: 0px 0px;
+    margin: 0px
     background-color: white;
     font-size: 12pt;
 }
 
+div#pager_splitter {
+    height: 7px;
+}
+
+div#pager {
+    height: 200px;
+    overflow: auto;
+}
+
 .monospace-font {
     font-family: monospace;
     font-size: 12pt;
@@ -146,10 +161,9 b' div#notebook {'
 
 div.cell {
     width: 100%;
-    padding: 5px;
+    padding: 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 15px 0px 15px 0px;
-    position: relative;
 }
 
 div.code_cell {

IPython/frontend/html/notebook/static/js/codecell.js

@@ -18,17 +18,17 b' var IPython = (function (IPython) {'
 
 
     CodeCell.prototype.create_element = function () {
-        var cell =  $('<div></div>').addClass('cell code_cell vbox border-box-sizing');
-        var input = $('<div></div>').addClass('input hbox border-box-sizing');
+        var cell =  $('<div></div>').addClass('cell code_cell vbox');
+        var input = $('<div></div>').addClass('input hbox');
         input.append($('<div/>').addClass('prompt input_prompt monospace-font'));
-        var input_area = $('<div/>').addClass('input_area box-flex1 border-box-sizing');
+        var input_area = $('<div/>').addClass('input_area box-flex1');
         this.code_mirror = CodeMirror(input_area.get(0), {
             indentUnit : 4,
             enterMode : 'flat',
             tabMode: 'shift'
         });
         input.append(input_area);
-        var output = $('<div></div>').addClass('output vbox border-box-sizing');
+        var output = $('<div></div>').addClass('output vbox');
         cell.append(input).append(output);
         this.element = cell;
         this.collapse()

IPython/frontend/html/notebook/static/js/notebook.js

@@ -25,9 +25,6 b' var IPython = (function (IPython) {'
 
 
     Notebook.prototype.style = function () {
-        // With vbox here Chrome exhibits the CodeMirror scroll bug.
-        // Without the vbox here, Firefox won't scroll the notebook div.
-        this.element.addClass('vbox box-flex1 border-box-sizing');
     };
 
 

IPython/frontend/html/notebook/static/js/notebook_main.js

@@ -6,11 +6,11 b''
 
 $(document).ready(function () {
 
-    $('div#wrapper').addClass('vbox border-box-sizing')
-    $('div#notebook_app').addClass('hbox box-flex1 border-box-sizing')
-    $('div#left_panel').addClass('vbox border-box-sizing ui-widget ui-widget-content')
-    $('div#left_panel_splitter').addClass('border-box-sizing ui-widget ui-widget-header')
-    $('div#notebook_panel').addClass('vbox box-flex1 border-box-sizing ui-widget ui-widget-content')
+
+    $('div#notebook_app').addClass('ui-widget ui-widget-content')
+    $('div#left_panel').addClass('ui-widget')
+    $('div#left_panel_splitter').addClass('ui-widget ui-widget-content')
+    $('div#notebook_panel').addClass('ui-widget')
 
     $('div#left_panel_splitter').click(function () {
         $('div#left_panel').toggle('fast');
@@ -36,16 +36,27 b' $(document).ready(function () {'
         }
     });
 
-//    $('div#notebook').scroll(function (e) {
-//        console.log(e);
-//        e.preventDefault();
-//    });
+    var do_resize = function () {
+        var win = $(window);
+        var w = win.width();
+        var h = win.height();
+        var app_height = h - 50;
+        $('div#notebook_app').height(app_height);
+        $('div#left_panel').height(app_height);
+        $('div#left_panel_splitter').height(app_height);
+        $('div#notebook_panel').height(app_height);
+        $('div#notebook').height(app_height-211);
+    };
+
+    $(window).resize(do_resize);
 
     IPython.notebook = new IPython.Notebook('div#notebook');
     IPython.notebook.insert_code_cell_after();
 
     IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter');
 
+    do_resize();
+
 //    $("#menu_tabs").tabs();
 
 //    $("#help_toolbar").buttonset();

IPython/frontend/html/notebook/static/js/pager.js

@@ -17,8 +17,8 b' var IPython = (function (IPython) {'
 
 
     Pager.prototype.style = function () {
-        this.pager_toggle_element.addClass('border-box-sizing ui-widget ui-widget-header')
-        this.pager_element.addClass('border-box-sizing')
+        this.pager_toggle_element.addClass('ui-widget ui-widget-content')
+        this.pager_element.addClass('')
     };
 
 

IPython/frontend/html/notebook/templates/notebook.html

@@ -29,8 +29,6 b''
 
 <body>
 
-<div id="wrapper">
-
 <div id="header">
     <span id="ipython_notebook"><h1>IPython Notebook</h1></span>
 </div>
@@ -47,8 +45,6 b''
 
 </div>
 
-</div>
-
 <script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script>