Chapter 5: Using CSS to Control Layout

Positioning Schemes

ch05_eg01.html Block boxes in normal flow
ch05_eg02.html Inline boxes in normal flow
ch05_eg03.html Relatively positioned boxes
ch05_eg04.html Overlapping relatively positioned boxes with transparent backgrounds
ch05_eg04b.html Overlapping relatively positioned boxes with solid backgrounds
ch05_eg05.html Floats
ch05_eg06.html Three parallel floats
ch05_eg07.html A float with the clear property
ch05_eg08.html Absolute positioning - two boxes next to each other
ch05_eg09.html Fixed positioning - frame style layout
ch05_eg10.html The z-index
ch05_eg11.html Reversing the example with the z-index property

Common Layouts

ch05_eg12.html Vertical panels
ch05_eg13.html Two columns
ch05_eg14.html Two columns with the Tan hack
ch05_eg15.html Two columns and Two rows
ch05_eg16.html Three columns and Two rows
ch05_eg17.html Enhanced design with search, top nav, and footer
ch05_eg18.html Rollover navigation

Solution

Solution First Promotions home page in XHTML and CSS without tables.

Back to chapter list