Head First HTML with CSS

Exercise
Solutions
Sharpen your pencil
Solution
Move the elixirs back to its original place below the music
recommendations, then save and reload the page. Where does the
element get floated now? You should have seen the elixirs below the music
recommendations.
The is floated
to the right, just
below the music
recommendations, and
the remainder of the
XHTML is floated
around it (which is just
the footer).
layout and positioning
What we want to do is set a right margin on the main content section so that it’s
the same width as the sidebar. But how big is the sidebar? Well, we hope you
aren’t already rusty since the last chapter. Here’s all the information you need to
compute the width of the sidebar. And here’s the solution.
#sidebar {
background: #efe5d0 url(images/background.gif) bottom right;
font-size: 105%;
padding: 15px;
margin: 0px 10px 10px 10px;
width: 280px;
float: right;
}
15 + 15 + 280 + 0 + 0 + 10 + 10 = 330
left padding
right padding
content area
left border
right border
right margin
left margin
you are here 545