The only requirement
is that you supply a valid XHTML
page with the related CSS embedded
in the head of the document, and
that it only requires a single class on
the containing div to invoke the CSS.
Everyone who contributes a component
that is included will get a credit
in the code.
STYLIN??™ WITH CSS - CHAPTER 5 140
want to create layouts that expand vertically to accommodate any
amount of content, without changing their width. Setting and controlling
the layout width is the primary skill I am trying to teach.
Floated Versus Absolutely-Positioned
Layouts
There are two basic approaches to creating columns in your page
layouts. You can ?¬‚ oat them side-by-side in the manner we saw in
the last chapter when we created a column of text next to an image,
or you can use absolute positioning and ?¬? x the width and location
of the columns across the page.
Floated columns are quick and easy to implement, but require that
you be very careful to ensure that you don??™t accidentally cause the
total width of the columns to exceed the width of the layout (for
example, by increasing the width of columns by adding a large
image into it). This kind of problem will cause the right column to
be forced down and under the left one??”not a pretty sight. However,
the use of the over?¬‚ ow property combined with the ???inner div???
approach that I showed earlier (and that we will use in the following
examples) can prevent this problem.
Pages:
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183