Encabezados y pies de pagina

Ginsen · #1 (**permalink**) 02/05/2011, 07:30

Mis disculpas si este tema no va aquí ^^

Soy un novato en esto de la creación y diseño de páginas web en HTML y me surge una duda quizás sencilla para vosotros pero un tanto incierta para mi.

Quisiera saber como hacer para repetir el encabezado y el pie de página de una web a medida que se va disminuyendo el zoom de ésta. Por ejemplo tenéis esta web, a medida que disminuís el zoom la barra superior del encabezado y la inferior del pie de página se repiten infinitamente.
Como se hace esto?

Saludos

maycolalvarez · #2 (**permalink**) 02/05/2011, 09:57

HTML no fue diseñado desde el punto de vista de una página impresa, por el cual los conceptos de encabezado y pie de pagina no existen, a lo sumo con algo de javascript y manipulación del DOM podrás emularlo, pero no será efectivo para las vistas realmente impresas debido a que el mismo navegador controla tanto los margenes como el contenido del encabezado y pie, además el zoom es uno de los elementos más recientes y no todos los navegadores los tratan igual, si quieres un resultado impreso óptimo y controlable tendrás que recurrir a PDF, porque las adaptaciones al respecto en CSS3 no son compatibles con la mayoría de los navegadores aún.

Ginsen · #3 (**permalink**) 02/05/2011, 12:45

Como funciona eso del PDF? agradecería una pequeña explicación asi por encima para orientarme ^^

victor_aguilar · #4 (**permalink**) 23/06/2011, 08:07

Puedes revisar acerca del uso de divs al 100% para el encabezado y pie de página, así al cambiar de monitor o resolución se mantienen al ancho del sitio (definido por la resolución)

Te pongo un ejemplo bastante burdo pero muestra algo como lo que entendí estas buscando

Salu2
VA

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<div id="header">aqui va el header</div>
<div id="contenido"><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p><p>aqui van los contenidos</p></div>
<div id="footer">aqui va el footer</div>
</body>
</html>