Sticky Footer
How do I make an sticky footer?
What is a sticky footer? How do you make a sticky footer? This script and codes were developed by Keithbarney on 28 September 2022, Wednesday.
Sticky Footer - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sticky Footer</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html> <body> <div id="sticky-container"> <div id="header"><span>header</span></div> </div> <div id="footer"><span>footer</span></div> </body>
</html> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
Sticky Footer - Script Codes CSS Codes
html, body { height: 100%; width: 100%;
}
#sticky-container { min-height: 100%; margin-bottom: -60px;
}
#sticky-container:after { content: ""; display: block; height: 60px;
}
#header, #footer { background-color: #ccc; height: 60px;
}
#header { position: fixed; top: 0; z-index: 100; width: 100%;
}
Developer | Keithbarney |
Username | keithbarney |
Uploaded | September 28, 2022 |
Rating | 3 |
Size | 2,071 Kb |
Views | 48,576 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
CI - Home Page | 6,323 Kb |
Ci-icons | 2,309 Kb |
Commercial Loans | 8,355 Kb |
Homepage features | 4,823 Kb |
CI calendar | 3,588 Kb |
Notifications | 2,146 Kb |
A Pen by keithbarney | 4,657 Kb |
Assistant.to Style Guide | 5,291 Kb |
Style Guide | 8,900 Kb |
CI Email Header | 1,662 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Template | Indra_z85 | 2,323 Kb |
Scifi-style Radio-based Tab | Aaronchuo | 4,427 Kb |
Responsive Table-less Shopping Cart | Alex_rodrigues | 6,637 Kb |
See Through | Larrygeams | 77,410 Kb |
Scoreboard.js basic usage | Tbleckert | 1,733 Kb |
Local Weather App - FreeCodeCamp | TrevorWelch | 4,134 Kb |
Stylize Stories | Jvhti | 2,465 Kb |
CSS3 Diamond | Rendro | 1,960 Kb |
Flexbox slider | Rendro | 3,459 Kb |
3d css cube | Semenchenko | 4,578 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!