r9521 - apps/gobi/trunk/code/Page/skins

Author: hannes
Date: 2009-02-18 22:07:50 +0100 (Wed, 18 Feb 2009)
New Revision: 9521

Modified:
   apps/gobi/trunk/code/Page/skins/page.skin
   apps/gobi/trunk/code/Page/skins/stylesheet.skin
Log:
Switch to simple div-based layout. Tested with FF3, Konqueror, IE7

Details at http://dev.helma.org/trac/helma/changeset/9521

Modified: apps/gobi/trunk/code/Page/skins/page.skin
===================================================================
--- apps/gobi/trunk/code/Page/skins/page.skin	2009-02-18 15:48:43 UTC (rev 9520)
+++ apps/gobi/trunk/code/Page/skins/page.skin	2009-02-18 21:07:50 UTC (rev 9521)
@@ -24,19 +24,13 @@
  <% this.controlbar %>
  
  <div class="body">
-    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">     
-     <tr>
-
-      <td class="main">
-       <% response.body %>
-      </td>
-      
-      <td class="right" id="sidebar">
+      <div class="right" id="sidebar">
         <% this.skin name="navigation" %>        
-      </td>
-      
-     </tr>
-    </table>
+      </div>
+
+      <div class="main">
+        <% response.body %>
+      </div>
  </div>
  <div class="footer">
    <div><% page.stats %></div>

Modified: apps/gobi/trunk/code/Page/skins/stylesheet.skin
===================================================================
--- apps/gobi/trunk/code/Page/skins/stylesheet.skin	2009-02-18 15:48:43 UTC (rev 9520)
+++ apps/gobi/trunk/code/Page/skins/stylesheet.skin	2009-02-18 21:07:50 UTC (rev 9521)
@@ -99,17 +99,18 @@
       border-top: 1px solid #999;
       font-size: 11px;
       color: #666;
+      clear: both;
   }
 
   .main { 
-      width: 72%;
-      vertical-align: top; 
+      width: 60%;
       padding: 20px;
   }
   
   .right { 
       width: 28%;
-      vertical-align: top; 
+      float: right;
+      clear: both;
       line-height: 18px;
       padding: 30px 20px 0 12px;
   }