GD 65 Class 05B

Topics

Two Column CSS Layout
  • Basic HTML: Two column layout
  • Basic CSS: Two column layout
  • Two-Column Exercise: Art by Justine

two_column

Basic HTML: Two column layout

Note in the HTML that the only difference between the one-column and two-column HTML is the addition of the <div> for the right-hand “sidebar” column. (In yellow above)

Basic CSS: Two column layout

Note in the CSS that the only difference between the one-column and two-column CSS is the addition of the CSS for the right-hand “sidebar” column, the floats to both the #content and #sidebar and the clear for the footer. (In yellow above)

Two-Column Exercise: Art by Justine

Assignment 5 is to build the 2-column layout below. More details are on the Assignment 5 page.

Leave a comment