Relax Breath of Solution.Community tech blog of Sameera Thilakasiri - Consultant UI, UX, RWD Specialist/ Interactive Designer

Just I wanted.. Do you?…

Sticky Footer – A static footer with very little css

Posted on April 2, 2011 | No Comments

* {
margin: 0;
html, body {
height: 100%;
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer’s height */
.footer, .push {
height: 142px; /* .push must be the same height as .footer */


		<div   class="wrapper">   
			<div     class="header"> 
				<h1>CSS   Sticky   Footer</h1>   
			<h2>A CSS sticky   footer   that just works</h2>     
			<div class="push"></div> 
		&lt;div <a href="">buy   cialis tadalafil</a>  class=&quot;footer&quot;&gt; <a href="">Order Generic Amoxil Online without Prescription</a>    
			&lt;p&gt;footer   note&lt;/p&gt;     

Sameera Thilakasiri By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.


Leave a Reply

You must be logged in to post a comment.