Learning S2 Complete Style

S2 Complete Style is a pretty huge layout—it's easy to get overwhelmed! [info]s2complete is a complete documentation resource brought to you by [info]tessisamess.

This documentation breaks down S2 Complete Style piece by piece so you can learn just how every piece works. Once you understand the layout dynamics you'll be glad it's such a comprehensive sheet; it makes the possibilities nearly endless!

December 2017

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Summary

Syndicate

RSS Atom
Powered by InsaneJournal

Posts Tagged: '12.+footers'

Dec. 4th, 2017

12. Footers

The page footer is an empty div that comes after #pagebody inside of #container-inner. It is not part of the #alpha/#beta area of the page. It likely was originally meant to contain something, or could just be a clearfix, but I've found that changing the default height to 0 doesn't hurt anything, so if you're having a gap at the bottom of your layout that you don't want this is a good place to take height out to see if the issue is there.

#content-footer{clear:both;height:10px;}

You could also use #content-footer:before to add any footer information you may want, as long as you don't need HTML elements or for people to be able to click anything on it.