This provides the positioning context for the absolutely-
positioned columns. Without this, the columns would always
position themselves with respect to the body and attach themselves
to the edge of the browser window. Positioned with respect to mainwrapper,
which is itself a ?¬? xed width and centered in the browser
window, the columns become part of a layout that can position
itself in the middle of the page once the width of the browser window
exceeds the stated width of the layout.
So this brings us to the end of this chapter on layouts. In Chapter 6,
we will look at interface components, such as menus, tables, and
forms, and then in the ?¬? nal chapter, we will see how to combine the
templates from this chapter and the components from Chapter 6 to
create complete Web page layouts.
CHAP T E R 6
Designing Interface
Components
175 STYLIN??™ WITH CSS
I USE interface components as my term for all the supporting
elements of your page??™s content: lists, menus, forms, tables,
and so on. In this chapter, we will look at how these components
should be written in XHTML to be valid and accessible,
and then see how to style them with CSS in a variety of ways
to meet the design needs of your projects.
Let??™s start with tables.
STYLIN??™ WITH CSS - CHAPTER 6 176
Styling Tables
It??™s widely known that tables have been misused in the past to create
page layouts full of presentational markup.
Pages:
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215