GNOME.org
 

[mail-web] Solved sticky footer

commit 42593e3f82b986aac054b049f8724880eec44a98
Author: Monam Agarwal <monamagarwal123 gmail com>
Date:   Thu Nov 7 01:51:34 2013 +0530

    Solved sticky footer
    
    Signed-off-by: Andreas Nilsson <anilsson redhat com>

 css/layout.css |   37 ++++++++++++++++++++++++++++++++-----
 css/style.css  |   14 ++++++++++----
 index.html     |   17 ++++++++++++++++-
 3 files changed, 58 insertions(+), 10 deletions(-)
---
diff --git a/css/layout.css b/css/layout.css
index 80888e3..47cbe45 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -1,4 +1,8 @@
 /* Basic tags */
+html,body
+{
+height:100%;
+}
 body {
 
        padding: 0px;
@@ -65,7 +69,28 @@ a:active {
 .center {
        text-align: center;
 }
-
+#wrapper {
+       width: 100%;
+       min-height: 100%;
+       height: auto !important;
+       height: 100%;
+       margin: 0px 0px -41px 0px;
+ }
+div#footer_wrapper {
+       width: 100%;
+       height: 41px;
+ }
+div#content_wrapper {
+       width: 100%;
+       padding: 0px 0px 41px 0px;
+ }
+div#footer_wrapper, div#content_wrapper {
+       min-width: 942px;
+ }
+div#footer_inner_wrapper, div#content_inner_wrapper {
+      
+       margin: 0px auto;
+ }
 /* Common page elements: Header, footer, etc. */
 
 #hdr {
@@ -482,8 +507,9 @@ div#content {
 #footer_grass {
     background: url(https://www.gnome.org/wp-content/themes/gnome-grass/images/grass.png) repeat-x scroll 
top transparent;
     height: 39px;
-    margin-top: -33px;
-    bottom: 0;
+margin-top:-33px;
+margin-bottom:-5px;
+    bottom:0;
 }
 
 #footer_community {
@@ -510,7 +536,7 @@ div#content {
 }
 
 #footer #footnotes {
-/*    font-size: 9px;*/
+ /*  font-size: 88%;*/
     margin-top: 4px;
 }
 
@@ -609,7 +635,8 @@ input:-moz-read-write, textarea:-moz-read-write {
 }
 
 .container_12 .grid_9, .container_16 .grid_12 {
-    width: 700px;
+    width: 900px;
+       
 }
 
 .container_12, .container_16 {
diff --git a/css/style.css b/css/style.css
index 4824186..a377e07 100644
--- a/css/style.css
+++ b/css/style.css
@@ -130,12 +130,18 @@ input[type=radio] {
     background: none repeat scroll 0 0 #D3D7CF;
     clear: left;
     color: #555753;
-    padding: 14px 0 195px;
-    margin-bottom: 0;
+display: inline;
+    float: left;
+    margin-left: 0px;
+    margin-right: 10px;
+width:100%;
+/*margin-bottom:0;
+padding:0 14px 195px;
+*/
 }
 
 #footer {
-    font-size: 12px;
+    font-size: 14px;
     line-height: 1.4em;
 }
 
@@ -156,7 +162,7 @@ input[type=radio] {
 }
 
 #footer #footnotes small {
-       font-size: 88%;
+       font-size: 14px;
 }
 #footer div.links div a:hover{
     display: block;
diff --git a/index.html b/index.html
index cfe5827..7dd469c 100644
--- a/index.html
+++ b/index.html
@@ -16,9 +16,16 @@
 </head>
 
 <body id="mail_gnome">
+<div id="wrapper">
+
+      <div id="content_wrapper">
+
+        <div id="content_inner_wrapper">
   <div id="except_footer">
+
     <div id="header" class="container_12">
       <div id="global_domain_bar">
+ 
         <div class="maxwidth">
           <div class="tab">
             <a class="root" href="https://www.gnome.org/";>GNOME.org</a>
@@ -149,6 +156,9 @@
         "https://wiki.gnome.org/MailingLists";>MailingLists wiki page</a>.</p>
       </div><!-- end of content -->
     </div>
+</div>
+</div>
+</div>
   </div><!--end of except_footer-->
 
   <div id="footer_community"></div>
@@ -156,7 +166,10 @@
   <div id="footer_grass"></div>
 
   <div id="footer">
-    <div class="container_12" id="container_12">
+<div id="footer_wrapper">
+
+      <div id="footer_inner_wrapper">
+    <div class="container_12" id="container_12"> 
       <div class="links grid_9">
         <div class="menu-footer-container">
           <ul id="menu-footer" class="menu">
@@ -272,6 +285,8 @@
       </div>
     </div>
   </div>
+</div>
+</div>
 </body>
 </html>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]