Automatic Magazine Layout

You can't always count on having a professional designer around to resize and position your images for you, but you'd rather your page layout didn't look like it was created by orangutans. Harvey Kane builds a script that makes your life easier.

Kane, Harvey. List Apart, A (2006). Design>Web Design>Document Design>CSS

Background Positioning vs. Centered Elements

When the browser is told to center a background image within that container, it has to decide where the actual center lies. In the case of an odd total pixel width, the browser must select one side or the other of the central odd pixel as the "center" of the container.

Bergevin, Holly and John Gallant. Position is Everything (2006). Design>Web Design>Document Design>CSS

Multi-Column Layouts Climb Out of the Box

A project I recently worked on required an elastic layout with two columns of equal height, each with a different background color. As usual, there was no way to tell which column would be taller. I immediately thought of Dan Cederholm's Faux Columns, but I needed an elastic layout. I also looked at the One True Layout, but this seemed buggy and required too much extra markup and too many hacks for my taste.

Pearce, Alan. List Apart, A (2007). Design>Web Design>Document Design>CSS

Print Stylesheet: The Definitive Guide

A print stylesheet will automatically make all your web pages print-friendly. Find out how to make one with this definitive guide.

Moss, Trenton. Webcredible (2007). Design>Document Design>CSS>Web Design