Three Column Layout with Footer
This layout demonstrates a three column layout with a bottom footer stretching the width of the page. The left and right columns are positioned absolutely and the central column (this main body of text) is given very large margins to accommodate the width of the side columns.
The footer is positioned along the bottom of the page. Some CSS properties attached to various elements of the page ensure that it is always at the bottom of the view port or the document, whichever is "lower".
Sample Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum id magna. In elit. Aenean erat. Donec fermentum tempus dui. Aliquam vehicula est. Suspendisse volutpat. Sed augue metus, malesuada sit amet, porta eu, congue vitae, pede. Aliquam erat volutpat. Mauris vehicula. Nam aliquet ultrices
risus. Aliquam ac dui eu erat scelerisque aliquet. Maecenas sollicitudin convallis orci.
Donec scelerisque mi id massa:
- Fusce condimentum libero mollis turpis. Mauris non pede in ligula tincidunt venenatis.
- Nullam accumsan adipiscing orci. Proin eu ligula. Cras sem quam, congue non, mollis at, auctor vitae, neque. Sed condimentum ullamcorper justo.
- Sed id libero. Morbi iaculis, justo ac semper accumsan, lacus nunc tristique elit, id tempor leo felis et risus.
Curabitur ut neque sed non diam. Cras convallis nunc in nisl. Donec at augue malesuada urna ultrices auctor. Phasellus eu ipsum. Etiam tempor, eros id ultrices condimentum, mi sapien interdum nibh, condimentum luctus tortor magna eget augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris massa neque, gravida id, placerat et, scelerisque sed, turpis. Curabitur vel orci vel magna facilisis feugiat. Nulla interdum semper sapien. Sed tellus orci, aliquet sit amet, bibendum sit amet, commodo eget, nunc. Proin faucibus laoreet ligula. Etiam magna. Maecenas tellus felis, feugiat vitae, dictum vitae, cursus sit amet, risus. Fusce vulputate.