Additional text may appear below the image.
This layout has the following divisions:
- wrapper
- header
- navbar
- left
- right
- footer
Floating allows this layout to have two divisions displayed next to each other!
body { font-family: Arial, Helvetica, sans-serif; font-size: small; color: #990000; padding: 0; margin: 0; }
a:link { color: #0066FF; text-decoration: underline; }
a:visited { color: #663366; text-decoration: underline; }
a:hover { color: #0033CC; text-decoration: none; }
a:active { color: #FF0000; text-decoration: underline; }
#wrapper { width: 100%; }
#header { padding: 3px; }
#navbar { font-weight: bolder; background-color: #000084; text-align: center; color: #FFFFFF;
width: 100%; font-size: medium; }
#navbar ul { margin: 0; padding: 0; list-style: none; }
#navbar li { display: inline; padding-left: 20px; padding-right: 20px; }
#navbar a:link { color: #CCCCCC; text-decoration: none; }
#navbar a:visited { color: #999999; text-decoration: none; }
#navbar a:hover { color: #666666; text-decoration: none; }
#navbar a:active { color: #FF0000; text-decoration: underline; }
#left { float: left; width: 250px; }
#right { margin-left: 260px; }
#footer { clear: both; color: #CCCCCC; background-color: #000084; margin: 0px; padding: 0px; font-size: x-small; text-align: center; }