Sticky footer
How do I make an sticky footer?
Sticky footer without position:absolute. 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> <div id="wrapper"> <div>some content...</div>
</div>
<div id="footer">fff</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
Sticky footer - Script Codes CSS Codes
*{ margin:0; padding:0;
}
html,body { height:100% } #wrapper { min-height:100%; margin-bottom:-150px; /* negative total computed height of footer */ } #footer { height:150px; background: #ddd; }
Developer | Serluck |
Username | serluk |
Uploaded | September 02, 2022 |
Rating | 3 |
Size | 1,566 Kb |
Views | 28,336 |
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 |
Transfer product to cart | 2,033 Kb |
Triangle on pure css3 | 1,408 Kb |
Custom checkbox | 1,581 Kb |
Price table | 5,928 Kb |
Css text gradient | 1,833 Kb |
Horizontal and vertical align | 1,437 Kb |
Sticky footer | 1,498 Kb |
A Pen by Serluck | 2,832 Kb |
Modal window clean css | 2,102 Kb |
Toggle menu without height css3 | 1,570 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 |
Testimonial Fancy tabs responsive | Amit-webdesigner | 3,056 Kb |
Owl Carousel - jumpTo | OwlFonk | 2,553 Kb |
Get third wednesday | Wojtek1150 | 2,691 Kb |
Toggle menu | Seyedi | 2,279 Kb |
Donut Chart example - MorrisJS | Capelo | 2,385 Kb |
Fullscreen audio play button | 72 | 2,148 Kb |
Flat design iframe | Damienpm | 1,819 Kb |
Hexagons | Ashmind | 4,360 Kb |
Fluid Grid 12 | Alexoliverwd | 2,309 Kb |
Simple, flat contact form | Zeaklous | 2,719 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!