gracias ayukkonen y kseso? por responder.
Cita:
Iniciado por kseso? 
<- para ello existe text-align
sí, que tonta. aun me falta mucho manejo
Cita:
Iniciado por kseso? Sería algo así como: * {margin:0, padding:0; border: none;} Y suelo añadirle en cosas sencillas /position: relative/ pero siendo consciente de que eso rompe a ie6
he visto muchas veces el selector universal con esas propiedades, pero nunca las he usado, basicamente por que no comprendo para que se usan.
el código que expuse anteriormente ha quedado así. esto es lo que me comentabaís??
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin titulo</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: none;
position: relative;
}
html, body {
height: 100%;
background-color: red;
}
#cont {
background-color: yellow;
min-height: 100%;
height: auto !important;
height: 100%;
max-width: 95%;
margin: 0 auto -1em;
text-align: center;
}
#cont2 {
background-color: green;
min-height: 100%;
height: auto !important;
height: 100%;
max-width: 95%;
margin: 0 auto -1em;
text-align: center;
}
</style>
</head>
<body>
<div id="cont">
bloque contenedor
<div id="cont2">
otro bloque
</div>
</div>
</body>
</html>