Headline

Rightbox sidebar:

Here is a right sidebar section that has been floated to the right. The mainbox section leaves a wide right margin to make room for this sidebar so that the text does not overlap. The two boxes actually DO overlap, but this sidebar is in the wide right margin of the mainbox section.

In this version of the Float 1 example is the same as Float 1b except that I have added another section of text in a <section> floated to the right (style name: #rightbox). The rightbox has a width of 130px. It also has a top margin of 10px to move it down from the header topbox, and left and right padding of 10px so that its text does not butt up against the side edges of the box. It is also colored to show you were it is.

The <section> that contains this explanation (style name: #mainbox) has no float, and uses a left margin setting of 160px so that its content area does not overlap the nav leftbox, AND its also has a right margin of 160px to keep its content from overlapping the section rightbox. This mainbox section also has 10px top margin and 10 px padding on all sides, and a background color.

This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page.

This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again. This is the content for the main content area of the page. Pardon me while I repeat myself over and over and over again.