Hola
Bueno, primero, para que puedas leer las referencias sobre los márgenes, puedes usar esta página:
http://www.w3.org/TR/CSS2/box.html
Si quieres especificar mágenes iguales para todos, solo indicas:
margin: 10px;
si quieres un margen diferente para alguno, lo indicas específicamente:
margin-left: 20px;
Respecto a la página que mandabas, bueno, hice una prueba con ella y creo que esto es más o menos lo que quieres ¿no?
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<style>
div {
border:solid 1px black;
}
#cabecera {
position: absolute;
top: 0px;
left: 0px;
width:100%;
}
#centro {
position: absolute;
top: 20px;
left: 0px;
width: 97%;
margin: 10px;
}
#contenido {
position: absolute;
top: 20px;
left: 0px;
width: 70%;
}
#columna_derecha {
position: absolute;
top: 20px;
left: 70%;
width: 30%;
text-align: left;
}
#pie {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
text-align: center;
}
</style>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="cabecera">
CABECERA
</div>
<div id="centro">
contenido del centro
<div id="contenido">
CONTENIDO<br />
aki iran muchisimas cosas interesantes para contar
</div>
<div id="columna_derecha">
COLUMNA_DER<br />mi columna
</div>
</div>
<div id="pie">
PIE<br />Aki se explicaran cosas referentes a la pagina.
</div>
</body>
</html>
Suerte
Felicidad