Sticky Footer

Developer
Adam Lowenthal
Size
1,735 Kb
Views
16,192
  1. Sticky Footer Previews
  2. Sticky Footer HTML Codes
  3. Sticky Footer CSS Codes

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 Adam Lowenthal on 12 October 2022, Wednesday.

Sticky Footer Previews
IQ Test

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 class="wrapper"> <header> <h1>Sticky Footer <span>Just CSS!</span></h1> </header> <div class="sticky"></div>
</div>
<footer> <h1>Footer <span>Resize the window!</span></h1>
</footer>
</body>
</html>

Sticky Footer - Script Codes CSS Codes

@import url("https://fonts.googleapis.com/css?family=Lato");
* { margin: 0; padding: 0; //text-align: center;
}
body { font-family: lato; color: #005187; background: white;
}
h1 { font-weight: normal; font-size: 40px; font-weight: normal; text-transform: uppercase; padding: 55px 30px;
}
h1 span{ font-size: 13px; display: block; padding-left: 4px;
}
p { display: block; float: left; font-size: 20px;
}
html,
body {	height: 100%;
}
.wrapper {	min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -200px;
}
.sticky {	height: 200px;
}
footer { background-color: #005187;	height: 200px; color:white;
} footer h1 { padding-top: 20px!important; }
Sticky Footer - Script Codes
Sticky Footer - Script Codes
Home Page Home
Developer Adam Lowenthal
Username alowenthal
Uploaded October 12, 2022
Rating 4.5
Size 1,735 Kb
Views 16,192
Do you need developer help for Sticky Footer?

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!

Adam Lowenthal (alowenthal) Script Codes
Name
Flexbox Responsive Grid Tiles
Google Maps Directions Sidebar
Responsive Flexbox Table
RWP Notifications
Month Shows
Spotify Artist Page UI
Mobile First Menu
Slider
Sheet Music Animated Notes
Blog List -- BnC
Create amazing sales emails with AI!

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!