Mammut and Jeff

In this version of the Float 1 example I have taken Float 1e (the version in the centered wrapper) and replaced the graphic and headline with the Mammut and Jeff graphic (and changed or removed many of the other background colors on the page). The Mammut and Jeff graphic has the red/white/green stripe of the Hugarian flag running through it. I set the background graphic of the body to display the image "MammutAndJeffFlagline.png" (which you can see below this paragraph). This image is 13 by 128 pixels and it is set to repeat in the x-direction only, so it tiles across the page and matches up with the colored stripes in the Mammut and Jeff graphic. The background color of the page is set to the same background color as the top and bottom of the image so that the bottom of the page continues the color downward. All this just shows one way the extra "dead space" on either side of a centered, fixed-width layout can be filled.

Hungarian flag color stripe

The margins of this page (set in the style for the <body> tag) were all set to zero to make sure I know what spacing would occur above the heading graphic and the background image (i.e., zero pixels) because a browser may decide on some different spacing if left to its own devices.

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.