Fluid Borders & Sticky Footer with CSS
Tuesday, December 2, 2008 - 12:56 PM - Blogness
Posted by Ghost
Two CSS tricks I've found to properly make things look nicer in CSS. I'm using them on a layout I am currently working on so I've decided I will post abit about them here.
The first script is the "footerStickAlt" which is used for creating a page that always has the footer displayed at the bottom of the browser window, even if the content does not take up the entire height.
It is done by creating two div containers, one for the main content which is set to 100% and another that has it's positition set to relative and a negative top margin (you have to know the exact height of your footer for this to work) to bring it back onto the screen. The main content also has padding on the bottom so that if the content in it is 100% or more, the footer will only be overlapping on blank space.
More detail about the FooterStickAlt at www.themaninblue.com
The second script is for fluid borders, which I am using to make rounded container borders without the use of images. It looks very nice and can be styled to look however you would like with this method.
More about the Fluid Borders by Stu Nicholls at www.webreference.com
More Articles: Lightwindow By S...Serenity – The B...Bigger ChangesSmall Changes
Tags: none
