hablé de mas, acabo de descubrir un problema, el div contenedor queda como contraido de los bordes, como con un margen en todos los lados.
como lo soluciono? dejo una captura y el codigo por si sirve de algo.
Código HTML:
Ver original<!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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#contenedor {
width: 100%;
height: 1050px;
background-color: #f9d7dd
}
#header {
width: 800px;
height: 150px;
margin: 0 auto;
background: #D5D5D5}
#animacion {
width: 800px;
height: 300px;
margin: 0 auto;
background: #7F0000}
#texto {
width: 800px;
height: 400px;
margin: 0 auto;
background: #D6F52D;
}
#pie {
width: 100%;
height: 200px;
background-color: #7A7A7A;
}
<div id="header">Colocar aquí el contenido para id "header"
</div> <div id="animacion">Colocar aqui el contenido para id "animacion"
</div> <div id="texto">Colocar aqui el contenido para id "texto"
</div> <div id="pie">Colocar aqui el contenido para id "pie"
</div>
saludos