¿Por qué este pie de página no se expande completamente hacia los lados?

Estoy diseñando una plantilla para el sitio web de mi escuela y necesito ayuda. Todo iba muy bien hasta que llegué al pie de página. He notado que todo , pero la navegación superior no puede expandirse completamente a los lados de la pantalla. Esto es realmente frustrante porque estoy tratando de llenar el pie de página con el mismo ancho que la navegación.

Para su comodidad, he subido una copia de la plantilla aquí. Creo que está relacionado con la css pero he probado todos los valores posibles que se me ocurren sin ningún resultado.

Por favor ayuda si puedes.

Gracias por tu tiempo.

preguntado el 27 de agosto de 11 a las 21:08

5 Respuestas

porque tiene un margen de 8px en el elemento del cuerpo. En tu css, prueba esto

body, html
{
    margin: 0;
    padding: 0;
}

Ese es un buen fragmento para incluir en cada proyecto por cierto.

Respondido 28 ago 11, 01:08

¡Muchas gracias! No puedo creer que fuera tan simple: D - cssplant

Agregar margen: 0px al cuerpo {etiqueta en el CSS

Esto lo arreglará:

body{
    background: #fbe2a9 url(images/body-bg.jpg) repeat-x  top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    margin: 0px;
}

Respondido 28 ago 11, 01:08

Los navegadores, de forma predeterminada, dan el body etiquetar un margen. Entonces, todo lo que necesita hacer es establecer eso en 0:

body { margin: 0; }

La razón por la que la navegación superior aparece como usted desea, es porque está configurando el position a fixed y "pegándolo" en la parte superior izquierda de la pantalla (0, 0) con un ancho del 100%.

Respondido 28 ago 11, 01:08

Añadir margin: 0 a la etiqueta del cuerpo

Respondido 28 ago 11, 01:08

Bueno, para empezar, lo estás haciendo clear: both y float: left, cuando solo necesitas clear: both. Luego agregue lo siguiente a #footer_wrapper:

#footer_wrapper {
    position:relative;
    left:-7px;
}

Respondido 28 ago 11, 01:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.