WHAT'S HOT
PARTS:
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
Part 25
Prev | Current Page 199 | Next

Charles Wyke-Smith

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


NiftyCorners ends the problem of creating adjustable-size roundedcorner
boxes by adding as many as four background graphics to an
element (XHTML elements can only have one background image),
using techniques such as adding three extra span wrappers inside
the div. The drawback of NiftyCorners is that you can??™t add curved
borders; it has to be a block of solid color. The CSS3 spec includes
curved corners, but only Firefox can currently render them.
An Absolutely-Positioned Layout
I said I would show one absolutely-positioned layout before the end
of the chapter, so here is a three-column layout created using absolute
positioning (Figure 5.17).
Let??™s start with the markup:



offsets the horizontal margins
applied to the content div
Of course, the user must have
JavaScript turned on in the browser,
and about 95% of all users do
(source: thecounter.com Oct 07
global stats). In this case, it??™s not a
big deal if JavaScript is not on, as
the only difference is that the boxes
are not rounded but have regular
square corners.
the olive class adds the ???olive??™ color
scheme from text_n_colors.css
BASIC PAGE LAYOUT 169


A Three-Column CSS Layout


This page is styled with title="Cascading Style Sheets">CSS.


Pages:
187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211

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