Si no sabes de css no te pongas a diseñar web,
es decir es lo basico, todo el diseño gira en torno de css
para centrar un contenido la forma mas facil es mediante css
crea un div general
<body>
<div class="contenedor">
---el resto aqui
</div>
</body>
y luego crea la clase
.contenedor{
width:1024px;
margin:0px auto;
}
Con esto le dices que los marges derecho son automaticos y te centra todo lo que esta dentro.
veo que te estas haciendo un lio con el tema de posicion:absolute
te puedes diseñar una pagina todo con posicion absoluta, te vas a quedar loco
cualquier cambio q hagas te va a complicar todo. y no lo vas a poder centrar
tu web tendria que ser algo asi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Huerto y Granja</title>
<style type="text/css">
.wrapper {
width:1024px;
margin:0 auto;
}
.header1{
width:100%;
height:150px;
}
.header2{
width:100%;
height:80px;
}
.der{
width:100px;
float:left;
height:1000px;
}
.centro{
width:824px;
float:left;
}
.contenido{
width:100%;
height:900px;
}
.pie{
width:100%;
height:100px;
}
.izq{
width:100px;
float:1000px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="header1">Encabezado 1</div>
<div class="header2">Encabezado 2</div>
<div class="der"> columna derecha</div>
<div class="centro">
<div class="contenido">contenido </div>
<div class="pie">Pie </div>
</div>
<div class="izq">columna izquierda</div>
</div>
</body>