Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] cabecera y pie de pagina al ancho de la pantalla

Estas en el tema de cabecera y pie de pagina al ancho de la pantalla en el foro de Diseño web en Foros del Web. Hola, buen dia. Quiero poner la cabecera y el pie de color negro pero que este ocupe todo el ancho de pantalla de cualquier pc. ...
  #1 (permalink)  
Antiguo 18/04/2013, 00:56
 
Fecha de Ingreso: junio-2012
Ubicación: Guanajuato
Mensajes: 55
Antigüedad: 12 años, 6 meses
Puntos: 0
Pregunta cabecera y pie de pagina al ancho de la pantalla

Hola, buen dia.
Quiero poner la cabecera y el pie de color negro pero que este ocupe todo el ancho de pantalla de cualquier pc.
Y el cuerpo que si quede centrado, me tope con esta imagen: http://experienciasweb.files.wordpress.com/2011/03/head-footer.jpg
es algo así lo que quiero hacer, estoy usando dreamweaver cs6.

Gracias¡¡
  #2 (permalink)  
Antiguo 18/04/2013, 01:02
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 9 meses
Puntos: 14
Respuesta: cabecera y pie de pagina al ancho de la pantalla

Al footer y al header ponele un ancho del 100%: width:100%; y a la sección del centro, dale un ancho máximo, el que gustes, y centralo con margin:0 auto;
  #3 (permalink)  
Antiguo 18/04/2013, 17:13
 
Fecha de Ingreso: diciembre-2010
Ubicación: en la luna
Mensajes: 108
Antigüedad: 14 años
Puntos: 8
Respuesta: cabecera y pie de pagina al ancho de la pantalla

como dice Mariano_Floyd pon el width a 100% y una div interior con una medida mínima y maxima. ejemplo

#Footer {
background:#000;
width: 100%;
height: 70px;
}

#inFooter {
background: #443233;
max-width: 1100px;
min-hieght: 350px;
margin: 0px auto 0px auto;
height: 70px;
color: #fff;
}

<div id="Footer"><div id="inFooter">Footer centrado</div></div>

ya solo seria que edites a tus necesidades.
  #4 (permalink)  
Antiguo 18/04/2013, 19:50
 
Fecha de Ingreso: junio-2012
Ubicación: Guanajuato
Mensajes: 55
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: cabecera y pie de pagina al ancho de la pantalla

Ok, gracias. Era muy sencillo :)

Etiquetas: encabezado, pie
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:46.