Recapping transitional designs

Use margin and padding instead of extra cells and spacer GIFs.

Use link and @import styles. The first for old browsers, the second for modern browsers.

<link href="basic.css" rel="stylesheet" type="text/css">

<style type="text/css" media="screen"><!--
@import url(modern.css) screen;
--></style>

Real world examples:

• Santa Cruz Montessori School
• k10k
• Fox Searchlight Pictures

But wait, there’s more:

For more information on transitional design, see chapter one of Eric Meyer on CSS and much of Jeffrey Zeldman’s Designing with Web Standards.