Home Explore Help
Sign In
idleman
/
hackpoint
1
0
Fork 0
Files Issues 11 Pull Requests 0 Wiki
Browse Source

* Ajout du "sticky footer"

Guillaume Marsay 8 years ago
parent
4ac745d38e
commit
af5c14c3f8
3 changed files with 19 additions and 4 deletions
Split View Show Diff Stats
  1. 16 3
      css/main.css
  2. 2 1
      footer.php
  3. 1 0
      header.php

+ 16 - 3
css/main.css
View File 

@@ -1,3 +1,12 @@
 
+html, body, #wrap {
 
+	height: 100%;
 
+}
 
+
 
+body > #wrap {
 
+	min-height: 100%;
 
+	height: auto;
 
+	padding-bottom: 60px;
 
+}
 
 
 .input-mini{
 
 	max-width:60px;
 
@@ -46,8 +55,12 @@ display:none;
 
 }
 
 
 .footer{
 
-	color:#ffffff;
 
-	text-align:center;
 
+	position: relative;
 
+	height: 60px;
 
+	margin-top: -60px;
 
+	padding: 20px 0;
 
+	color: #ffffff;
 
+	text-align: center;
 
 }
 
 /* ==========================================================================
 
    Author's custom styles
 
@@ -214,4 +227,4 @@ div.CodeMirror{
 
 	color:#ffffff;
 
 	cursor:pointer;
 
 	text-align: center;
 
-}
 
+}

+ 2 - 1
footer.php
View File 

@@ -1,3 +1,4 @@
 
+</div>
 
 </div>
 
 		<!-- body -->
 
   
@@ -18,4 +19,4 @@
 
         <script src="js/main.js"></script>
 
 		<div class="footer"><?php echo PROGRAM_NAME.' V'.SOURCE_VERSION.'.'.BASE_VERSION.' by <a href="http://idleman.fr">@idleman</a>'; ?></div>
 
     </body>
 
-</html>
 
+</html>

+ 1 - 0
header.php
View File 

@@ -17,6 +17,7 @@ require_once __DIR__.DIRECTORY_SEPARATOR.'common.php';
 
       <link rel="stylesheet" href="css/main.css">
 
     </head>
 
     <body>
 
+        <div id="wrap">