Line 3: | Line 3: | ||
<link href="css/main.css" rel="stylesheet"> | <link href="css/main.css" rel="stylesheet"> | ||
</html> | </html> | ||
− | < | + | <style> |
html { | html { | ||
position: relative; | position: relative; | ||
Line 30: | Line 30: | ||
padding: 0 15px; | padding: 0 15px; | ||
} | } | ||
− | </ | + | </style> |
<html> | <html> | ||
<head> | <head> |
Revision as of 02:55, 24 September 2018
<style> html {
position: relative; min-height: 100%;
} body {
margin-bottom: 60px; /* Margin bottom by footer height */
} .footer {
position: absolute; bottom: 0; width: 100%; height: 60px; /* Set the fixed height of the footer here */ line-height: 60px; /* Vertically center the text there */ background-color: #f5f5f5;
}
/* Custom page CSS
*/
/* Not required for template or sticky footer method. */
.container {
width: auto; max-width: 680px; padding: 0 15px;
} </style>