Sí, eso pense yo.
Bueno, aquí esta el código, en orden, el PHP y luego el CSS.
Código:
<body>
<div id="wrap">
<div id="principal" class="clearfix">
<div class="encabezado">Encabezado</div>
<div class="izquierda">Columna izquierda</div>
<div class="derecha">Columna derecha</div>
<div class="central">Columna Central</div>
</div>
</div>
<div id="footer">Pie</div>
</body>
Código:
* {
margin:0 auto;
padding:0;
}
html, body{
width:974px;
font:11px Verdana, Arial, Helvetica, sans-serif;
background-image:url(fondo.jpg);
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
height: 100%;
}
body > #wrap {
width:972px;
border-left:1px solid #023f4c;
border-right:1px solid #023f4c;
margin:0;
height: auto;
min-height: 100%;
}
#principal {
margin:0 auto;
padding-bottom: 51px;
}
.encabezado{
width:972px;
height:150px;
}
.izquierda{
width:141px;
float:left;
min-height:100%;
height:100%;
}
.derecha{
width:141px;
float:right;
min-height:100%;
height:100%;
}
.central{
width:500px;
background-color:#FFF;
min-height:100%;
height:100%;
}
#footer {
width:972px;
position: relative;
margin-top: -51px;
height: 51px;
background-image:url(foot.jpg);
clear:both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}