Refresh Jacksonville

« Basic CSS Lesson Home

Section 2: Positioning and Adding Details

Our Layout

• Positioning Step 1: Indentifying your elements with background colors
• Positioning Step 2: Fixing the size and floating the elements
• Positioning Step 3: Locking down the layout and clearing the footer
• Positioning Step 4: Gutters, Box Models, and CSS Hacks
• Positioning Step 5: Adding <div class="pad">
• Positioning Step 6: Centering the layout
• Positioning Step 7: Going liquid
• Positioning Step 8: Wrapping up the document and questions