HTML and CSS Reference
In-Depth Information
body {
margin:10px 40px;
padding:0;
text-align:center;
background: #f0f0f0 url(body-bg.gif) repeat-x top;
}
#wrapper {
text-align:left;
background:#dade75;
border:1px solid silver;
}
#header {
background: #272727 url(header-bg.gif) repeat-x bottom left;
padding:10px 15px 10px 13px;
}
#content-wrapper {
background:#fff url(nav-to-content-trans.gif) repeat-y left;
float:right;
width:75%;
}
#content-inner {
padding:5px 15px 0 15px;
}
#navigation {
width:25%;
float:left;
padding-top:15px;
}
#footer {
clear:both;
}
See Figure 7.9 for the result, at various widths.
