Sticky footer
How do I make an sticky footer?
Solution number 3. What is a sticky footer? How do you make a sticky footer? This script and codes were developed by Serluck on 02 September 2022, Friday.
Sticky footer - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sticky footer</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <head> <title></title>
</head>
<body> <nav></nav> <article>Lorem ipsum...</article> <footer>blbl</footer>
</body>
</html>
</body>
</html>
Sticky footer - Script Codes CSS Codes
html { position: relative; min-height: 100%;
}
body { margin: 0 0 100px; /* bottom = footer height */
}
footer { background: #ddd; position: absolute; left: 0; bottom: 0; height: 100px; width: 100%;
}
Developer | Serluck |
Username | serluk |
Uploaded | September 02, 2022 |
Rating | 3 |
Size | 1,498 Kb |
Views | 46,552 |
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 |
Price table | 5,928 Kb |
Custom checkbox | 1,581 Kb |
Triangle on pure css3 | 1,408 Kb |
A Pen by Serluck | 2,832 Kb |
Toggle menu without height css3 | 1,570 Kb |
Sticky footer absolute | 1,510 Kb |
Sticky footer | 1,566 Kb |
Sticky on scroll jquery | 1,581 Kb |
Custom list style via clean css | 3,772 Kb |
Css text gradient | 1,833 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 |
Awesome | Samarthpd | 2,901 Kb |
Page Transitions in Backbone | Mikefowler | 3,691 Kb |
Pure CSS albums gallery | Renaudtertrais | 2,978 Kb |
Glitchy Text Effect | Kescoe | 2,208 Kb |
Zip Button test | Lje7462 | 1,932 Kb |
Snow collision | Wojtek1150 | 3,542 Kb |
Perspective Origin Demo | Agelber | 3,614 Kb |
Pure CSS Spinners | Jlong | 2,043 Kb |
React JS Movie Info App | MTushar | 4,870 Kb |
Scrolling Horizontal Isotope | Bramus | 2,017 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!