Using CSS to create a box that sticks to the bottom of the page... — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Using CSS to create a box that sticks to the bottom of the page...

This page's ID: 23935

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	What I'm trying to do is create a structural element, a box, that sticks to the bottom of the page, no matter what. Here's what I've got so far: [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Site Title</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css" media="screen,projection"> body { background: #fff; color: #333; font-family: tahoma, arial, sans-serif; font-size: 0.9em; margin: 0; padding: 0; } .bodyarea { margin: 4px; } .capsule { } #cfclogo { background: url(images/cfclogo2.gif) no-repeat; height: 86px; margin-left: 10px; margin-top: 10px; position: absolute; width: 167px; } .footerarea { background: #081d50; clear: both; color: #fff; height: 42px; margin-bottom: 0; width: 100%; } .headerarea { background: #810c18 url(images/header_background2.jpg) repeat-x; border-bottom: 3px solid #fff; color: #fff; height: 78px; width: 100%; } .headernav { background: #081d50; color: #fff; height: 30px; width: 100%; } </style> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="Pragma" content="no-cache" /> </head> <body> <div class="capsule"> <div class="headerarea"><span id="cfclogo"></span></div> <div class="headernav"></div> <div class="bodyarea"> <p>Content Area</p> </div> <div class="footerarea">This is what I want to stick to the bottom</div> </div> </body> </html> [/code] Any help would be appreciated. Thank you. Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu