The following is to show how to get a full width header and footer. It is not meant as an illustration on how to style a complete document.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
html {
background: #CCC;
height: 100%;
}
body {
height: 100%;
}
#header {
background: #060;
height: 200px;
text-align: center;
color: #999
}
#nav {
background: #333;
height: 35px;
width: 960px;
margin: auto;
}
#article {
background: #FFC;
width: 960px;
margin: auto;
}
#footer {
background: #060;
height: 70px;
}
</style>
</head>
<body>
<div id="header"><h1>This is the full width header</h1></div>
<div id="nav"></div>
<div id="article">
<p>To ensure that non-operating cash outflows are assessed. The components and priorities for the change program highly motivated participants contributing to a valued-added outcome. While those at the coal face don't have sufficient view of the overall goals. To focus on improvement, not cost, building flexibility through spreading knowledge and self-organization, whether the organization's core competences are fully in line, given market realities. By adopting project appraisal through incremental cash flow analysis, combined with optimal use of human resources, quantitative analysis of all the key ratios has a vital role to play in this.</p>
<p>The new golden rule gives enormous power to those individuals and units, highly motivated participants contributing to a valued-added outcome. Measure the process, not the people. Exploiting the productive lifecycle by moving executive focus from lag financial indicators to more actionable lead indicators, through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard. The components and priorities for the change program highly motivated participants contributing to a valued-added outcome.</p>
</div>
<div id="footer">
<h3>This is the full width footer</h3>
</div>
</body>
</html>
Gramps
