13.02.2013 Views

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

For our narrow, 190-pixel-wide right column, we can use the following code:<br />

/*<br />

Set the column offset on the content divs<br />

*/<br />

#content-primary-wrap {<br />

margin-right: -200px;<br />

}<br />

#content-primary {<br />

margin-right: 200px;<br />

}<br />

/*<br />

Set the right-hand column width<br />

*/<br />

#content-secondary {<br />

width: 190px;<br />

}<br />

And with that, our column effect is complete, as shown in Figure 3-7.<br />

Figure 3-7. Finally, our two-column layout takes shape.<br />

chapter 3 New York Magazine: My, What a Classy <br />

61

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!