Full-Screen Horizontal Layouts

Made with display: table-cell;

By Ezequiel Bruni

They're dead simple to make.

Even if the full-screen version is somewhat dependent on javascript.

Anything can be centered on the page.

Including other layouts.

Nifty.

And this is what happens when the content runs beyond the height of the screen.

It takes a bit of extra markup to achieve this (thanks to FireFox), but it works well enough.