r21079 - htdocs/branches/beta - First attempt to make the central content scalable while left and right pane remain constant in width.

[Cristian Marchi]

Author: cmarchi
Date: 2011-08-02 08:28:36 -0400 (Tue, 02 Aug 2011)
New Revision: 21079
Trac: http://svn.gnucash.org/trac/changeset/21079

Modified:
   htdocs/branches/beta/externals/footer.phtml
   htdocs/branches/beta/externals/gnucash.css
   htdocs/branches/beta/externals/menu.phtml
   htdocs/branches/beta/index.phtml
Log:
First attempt to make the central content scalable while left and right pane remain constant in width.

Modified: htdocs/branches/beta/externals/footer.phtml
===================================================================
--- htdocs/branches/beta/externals/footer.phtml	2011-08-02 12:10:33 UTC (rev 21078)
+++ htdocs/branches/beta/externals/footer.phtml	2011-08-02 12:28:36 UTC (rev 21079)
@@ -1,3 +1,8 @@
+		</div><!-- end main content area -->
+	</div><!-- end wrapper1 -->
+</div><!-- end wrapper2 -->
+
+
 <div id="tail">
 <div id="validator">
 <p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>

Modified: htdocs/branches/beta/externals/gnucash.css
===================================================================
--- htdocs/branches/beta/externals/gnucash.css	2011-08-02 12:10:33 UTC (rev 21078)
+++ htdocs/branches/beta/externals/gnucash.css	2011-08-02 12:28:36 UTC (rev 21079)
@@ -1,14 +1,28 @@
 BODY {
    color: black;
-   background:url(backg.png) repeat;
-   background-attachment:fixed;
-   border: 0px;
-   margin: 0px;
+   background:url(backg.png) repeat fixed;
+   border:0;
+   margin:0;
    font-size:90%;
    font-family:"Verdana", Geneva, sans-serif;
    height:100%;
+   width:100%;
 }
+#wrapper1 {
+	position:relative;
+	width:100%;
+}
+#wrapper2 {
+	position:relative;
+	width:100%;
+}
 
+#maincol {
+	position:relative;
+	margin:0;
+	padding:0;
+	}
+
 .newsborder {
    background-color: #cacaf7;
    color: black;
@@ -24,6 +38,11 @@
    font-size: large;
 }
 
+.newscontainer {
+height:100%;
+width:100%;
+}
+
 .featurepanel {
    width: 50%;
    height: 280px;
@@ -198,10 +217,10 @@
 }
 
 #news {
-   margin-top:20px;
-   margin-left:15%;
-   margin-right:10px;
-   float: left;
+   position:relative;
+   margin-top:0px;
+   margin-left:110px;
+   float:left;
    width: 190px;
    font-size:85%;
 }
@@ -257,14 +276,12 @@
 }
 
 #content {
-   float:left;
-   width: 53%;
-   margin-right:1em;
+   position:relative;
    margin-top:20px;
    margin-bottom:20px;
-   margin-left: 1%;
-   padding-right:1.5em;
-   padding-left:1.5em;
+   margin-left:310px;
+   margin-right:110px;
+   padding:10px;
    background-color:white;   
    border:solid thin #7F7FAA;
    border-radius:25px;
@@ -323,7 +340,7 @@
 }
 
 #download {
-   float:right; 	
+   float:right;
    margin-left:2em;
    margin-right:2em;
    margin-bottom:1em;
@@ -340,8 +357,7 @@
 }
 
 .downloadimage {
-  width:240px;
-  float:left;
+  width:200px;
   text-align:center;
 }
 

Modified: htdocs/branches/beta/externals/menu.phtml
===================================================================
--- htdocs/branches/beta/externals/menu.phtml	2011-08-02 12:10:33 UTC (rev 21078)
+++ htdocs/branches/beta/externals/menu.phtml	2011-08-02 12:28:36 UTC (rev 21079)
@@ -1,3 +1,9 @@
+<div id="wrapper1"><!-- sets background to white and creates full length leftcol-->
+	
+	<div id="wrapper2"><!-- sets background to white and creates full length rightcol-->
+	
+		<div id="maincol"><!-- begin main content area -->
+
 <div id="news">
 <div class="othernews">
   <span class="linktop">

Modified: htdocs/branches/beta/index.phtml
===================================================================
--- htdocs/branches/beta/index.phtml	2011-08-02 12:10:33 UTC (rev 21078)
+++ htdocs/branches/beta/index.phtml	2011-08-02 12:28:36 UTC (rev 21079)
@@ -32,13 +32,11 @@
 
 <p class="justify"><?php echo T_("Designed to be easy to use, yet powerful and flexible, <span class=\"gnucash\">GnuCash</span> allows you to track bank accounts, stocks, income and expenses.  As quick and intuitive to use as a checkbook register, it is based on professional accounting principles to ensure balanced books and accurate reports. "); ?></p>
 
-<div style="float:right; width:100%">
+<div style="width:100%">
 <h2 style="margin-bottom:1px; margin-top:0px"><?php echo T_("Feature Highlights"); ?></h2>
 </div>
 
 <div id="mainfeature">
-
-<div style="float:left;">
 <ul>
 <li><?php echo T_("Double-Entry Accounting");?></li>
 <li><?php echo T_("Stock/Bond/Mutual Fund Accounts");?></li>
@@ -51,9 +49,9 @@
 <a href="<?=$home?>/features.phtml"><?php echo T_("<b>Discover more...</b>");?></a>
 </div>
 
-</div>
 
-<div style="float:right; width:100%">
+
+<div id="newscontainer">
 <h1><?php echo T_("News"); ?></h1>
 
 <?php
@@ -75,5 +73,5 @@
 <?php echo T_("Click <a href=\"oldnews.phtml\">here</a> for older announcements...");?>
 </div></div>
 </div>
-</div>
+
 <?php include("externals/footer.phtml"); ?>