Tengo el siguiente problema con una página. Quiero dejar cierta estructura para header, footer y todo eso, al parecer marcha bien, pero al momento de relizar un zoom out se puede visualizar el "fin" de la página, en vez de seguir reduciendo como en la mayoría de los sitios.
No sé que propiedad css me hace falta, ¿Pudiera alguien ayudarme?
Código HTML:
<!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>Documento sin título</title> <style type="text/css"> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #contenedor { height: auto; background-color:#840000; margin: 0 auto; margin-top:0px; } #cabecera { background-color:#eee; height:120px; padding:5px; } #datos { background-color:#666; margin-top:0px; text-align:right; color:#FFF; } #herramientas { background-color:#333; height:20px; padding:5px; color:#FFF; } #contenido { background-color:#CCC; float:none; width:960px; height:700px; padding: 0px; margin-top: 0; margin-right: auto; margin-left: auto; } #pie { background-color: black; clear: both; color:#FFF; height:30px; filter:alpha(opacity = 80); opacity:0.8; } </style> </head> <body> <div id="contenedor"> <div id="cabecera"> <div id="datos">Sesión:dadadad</div> </div> <div id="herramientas"> <p style="margin-top:2px">Tipo de documento</p></div> <div id="contenido">Este es el contenido principal</div> <div id="pie">Este es el pie de pagina</div> </div> </body> </html>