New DVD Sneak Peek: Ten Ton CSS Fundamentals!

Check out this super-sweet sneak peek from Ten Ton CSS Fundamentals, due for release this week! In the full version of this lesson, you'll learn how to create what's called a sticky footer — that is, a footer that spans across the entire bottom of the browser window, outside of the main page container. There's a few div elements involved to pull off the effect, as well as a handful of CSS rules too. Check it out…

In this example, I make my sticky footer just 50 pixels in height, but remember, you can set the height of your footer to any height you'd like — more realistically somewhere in the neighbourhood of 150 to 200 pixels if you'd like to hold additional content, like a Twitter stream, latest comments (in the case of a blog), social media info, and so on. I discuss exactly what CSS rules need their height adjusted in the full lesson. Catch the full version of this lesson in Chapter 4 of Ten Ton CSS Fundamentals!

Related posts:Ten Ton WordPress Sneak Peek!
Ten Ton XHTML Fundamentals DVD Now Available!
Ten Ton XHTML Fundamentals DVD Sample Two!