Electronic Books

content removed here to save
space
end content inner_div
end content div
end promo div
end main wrapper
STYLIN??™ WITH CSS - CHAPTER 5 170
FIGURE 5.17 This absolutely- positioned layout includes the footer in the center column because the footer
cannot clear the absolutely-positioned columns. If you can live with this limitation, this is an industrialstrength
layout.
Most notable about this markup, in contrast to the ?¬‚ oating layouts
we have seen so far, is that the order of the divs in the markup does
not re?¬‚ ect the order in which the elements appear on the page. The
content area here directly follows the header, and the navigation
and promo columns are at the very end. (You don??™t have to do this,
but it is generally accepted that it helps search engine visibility to
have the content as high in the markup as possible.) The footer is
between the closing inner content div and the closing content div.
Let??™s look at this markup step by step to more clearly understand
what??™s going on here.


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