CSS Footers
Written by admin on April 10th, 2008 in CSS Tutorials, Tutorials.
In coding a website most structures have a footer at the bottom of the page. Have you ever struggled with getting a footer to stay at the bottom of a page? This mainly occurs when using the float attribute to have multiple columns. But there is a way around this.
Most footers are defined using thew style name: footer. So inside your footer style if you add the following:
clear:both
This places this style below the columns because the cleat attribute is telling it to clear both side of the cell before placing it. So this will only be possible at the bottom of the columns. This can sometimes have problems depending on the other attributes in your style. Definfing the width as: 100% normally solves many problems.