Hallo,
ich würde das in etwa so aufbauen, in der Hoffnung dich richtig verstanden zu haben (Achtung, es ist kein wirkliches HTML5 mit <header> usw.. das solltest du aber selber hinbekommen. Auch verwende ich hier px was man eigentlich nicht mehr machen sollte.
* {
box-sizing:border-box;
}
body {
width:980px;
height:100%;
background-color:#efefef;
margin:0 auto;
border-left: 5px solid #F00;
border-right: 5px solid #F00;
}
#header {
width:100%;
min-height:100px;
background-color:#000000;
}
#contetn {
width:100%;
min-height:400px;
background-color:#090;
}
#footer {
width:100%;
min-height:100px;
background-color:#300;
}
<body>
<div id="header"></div>
<div id="contetn"></div>
<div id="footer"></div>
</body>