Yet more fucking lame-o CSS changes.

static/css/ie6.css

@@ -4,8 +4,13 @@
 
 #toolbar {
   position: absolute;
+  float: none;
+  width: auto;
   top: expression( eval( document.compatMode && document.compatMode == 'CSS1Compat' ) ? documentElement.scrollTop + 20 : document.body.scrollTop + 20 );
-  margin-left: -6em;
+  margin-left:expression( 
+    document.body.clientWidth < ( 900 / 12 ) * 
+    parseInt( document.body.currentStyle.fontSize ) ?  "-4em": "0em"
+  );
 }
 
 #status_area {
@@ -19,13 +24,36 @@
   top: 0em;
 }
 
-#center_area {
+#everything_area {
   width:expression( 
-    document.body.clientWidth > ( 1250 / 12 ) * 
+    document.body.clientWidth < ( 1300 / 12 ) * 
-    parseInt( document.body.currentStyle.fontSize ) ?  "45em": "60%"
+    parseInt( document.body.currentStyle.fontSize ) ?  "100%": "78em"
   );
 }
 
+#toolbar_area {
+  width:expression( 
+    document.body.clientWidth < ( 1300 / 12 ) * 
+    parseInt( document.body.currentStyle.fontSize ) ?  "18%": "15em"
+  );
+}
+
+#center_area {
+  float: right;
+  width:expression( 
+    document.body.clientWidth < ( 1300 / 12 ) * 
+    parseInt( document.body.currentStyle.fontSize ) ?  "60%": "45em"
+  );
+}
+
+#link_area {
+  width:expression( 
+    document.body.clientWidth < ( 1300 / 12 ) * 
+    parseInt( document.body.currentStyle.fontSize ) ?  "17%": "15em"
+  );
+  margin-left: 1.5em;
+}
+
 .pulldown {
   height: expression( this.scrollHeight > 200 ? "200px" : "auto" );
   width: expression( this.scrollHeight > 200 ? "12em" : "auto" );

static/css/ie7.css

@@ -1,9 +1,17 @@
-#toolbar {
-  margin-left: -6em;
-}
-
 #content {
   position: absolute;
   left: 0em;
   top: 0em;
 }
+
+#center_area {
+  float: right;
+}
+
+#toolbar {
+  margin-left: -1em;
+}
+
+#link_area {
+  margin-left: 1.5em;
+}

static/css/style.css

@@ -32,13 +32,23 @@ ol li {
 #everything_area {
   margin: 0 auto;
   text-align: center;
+  width: 78em;
+  max-width: 100%;
+}
+
+#toolbar_area {
+  float: left;
+  width: 15em;
+  max-width: 18%;
 }
 
 #toolbar {
+  float: left;
+  width: 15em;
+  max-width: 18%;
   position: fixed;
+  text-align: right;
   margin-top: 5em;
-  left: 20%;
-  margin-left: -4em;
   z-index: 1;
 }
 
@@ -95,13 +105,13 @@ ol li {
 }
 
 #link_area {
-  position: absolute;
+  float: right;
   text-align: left;
-  left: 80%;
-  margin-left: 1.5em;
   margin-top: 1em;
-  margin-right: 2em;
+  margin-right: 1em;
   line-height: 100%;
+  width: 15em;
+  max-width: 17%;
 }
 
 #link_area h4 {
@@ -112,8 +122,8 @@ ol li {
 #center_area {
   margin: 0 auto;
   text-align: center;
-  width: 60%;
+  width: 45em;
-  max-width: 45em;
+  max-width: 60%;
 }
 
 #status_area {

view/Main_page.py

@@ -1,6 +1,6 @@
 from cgi import escape
 from Page import Page
-from Tags import Input, Div, Noscript, H2, H4, A
+from Tags import Input, Div, Noscript, H2, H4, A, Br
 from Search_form import Search_form
 from Link_area import Link_area
 from Toolbar import Toolbar
@@ -22,12 +22,16 @@ class Main_page( Page ):
       Div(
         id = u"status_area",
       ),
-      Toolbar(),
-      Div(
-        Link_area( notebook_id ),
-        id = u"link_area",
-      ),
       Div(
+        Div(
+          Br(),
+          Toolbar(),
+          id = u"toolbar_area",
+        ),
+        Div(
+          Link_area( notebook_id ),
+          id = u"link_area",
+        ),
         Div(
           Div(
             Div(