WHAT'S HOT
PARTS:
Part 5
Part 6
Part 7
Part 8
Part 9
Part 10
Part 11
Part 12
Part 13
Part 14
Part 15
Part 16
Part 17
Part 18
Part 19
Part 20
Part 21
Part 22
Part 23
Part 24
Prev | Current Page 173 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"


A Simple Two-Column Fixed-Width Layout
In the ?¬? rst example, I introduce a very common layout. It contains
a narrow left column for navigation and a wider right column that
holds the page??™s content. In this example, both the navigation and
content column are ?¬? xed widths, and the layout centers itself in
the browser window if the browser window is made wider than the
width of the layout (Figure 5.4).
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



2 column layout
media="all" rel="stylesheet" />
media="all" rel="stylesheet" />
This is the most simple layout I am
going to show, but it??™s probably
going to take the longest to explain.
Many of the techniques in this layout
appear in the others, so I am going
to explain them one time here, and
then not repeat myself in subsequent
examples.
FIGURE 5.4 A two-column layout
from the Stylib library. The left column
is only as long as its content.
We??™ll see how to visually extend this
column later in the chapter.
the layout and text stylesheets
STYLIN??™ WITH CSS - CHAPTER 5 142







My text style sheet - h1 heading


A brief paragraph under this heading




An Account of the English Colony in New South Wales, Volume 2 (page 457) Danny's Own Story (page 276) Account of a Tour in Normandy, Volume 2 (page 213)