Buenas resulta que estaba centrando una pagina, como todos sabemos, pero resulta que aparece un margen alrededor del documento ( parte superior e inferior), son espacios extras que no deberían exister, pero se presentan, he ehecho todo para quitarles, el margin: 0; paddding:0 , etc, pero esos espacios persisten. Alguien puede darme un consejo de como solucionar este problema.
Aui les presento mi código html:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="contentx">
<div class="navx">
cabecera
</div>
<div class="bodyx" >
hello world - cuerpo
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
<br />bla <br />bla <br />bla <br />bla
</div>
<div class="footerx">
<div class="vortex-footer">
© pie de pagina
</div>
</div>
</div>
</body>
</html>
Y el respectivo CSS para esta página:
@charset "utf-8";
body{
text-align:center;
padding:0px;
}
div.contentx{
width: 800px;
margin: 0px auto;
border:#FF00FF solid 2px;
}
div.navx{
border:#FF0000 solid 2px;
margin:auto;
height: 100px;
}
div.bodyx{
border:#00FF00 solid 2px;
}
div.footerx{
border:#0000FF solid 2px;
}
Porfavor, que es lo que me hace falta(o sobra) en esto, que algiuen me de algunas luces, las secciones estan divididas en colores, para que lo puedan ver.