Fondo del body en el footer

luisantoniomendoza · #1 (**permalink**) 29/01/2013, 17:57

Buen día tengan todos.

Tengo una página estructurada más o menos así

Código HTML:

<html>
     <head>
     </head>
     <body>
     <div class='container'>
          <header> 
          </header>
     <div class='sidebar'>
          <aside>
          </aside>
     </div>
     <section>
          <article>
          </article>
     <section>
     <footer>
     </footer>
     </div>
     </body>
</html>

Y sólo los fondos en el CSS están así:

Código HTML:

html, body {
     background-image:url('../picture/background.png');
     background-attachment:fixed;
}
.container {
     background-color:#FFFFFF;
}
nav, aside {
     background-color:#003366;
}
section {
     background-color:#FFFFFF;
}
article {
     background-color:#FFFFFF;
}
footer {
}

El fondo del footer queda en color blanco. La pregunta es: ¿cómo puedo dejar como fondo en el footer la imagen del body? He intentado varios métodos como el background-color:transparent; y pues sigue en blanco porque el fondo del .container igual está en blanco. Le incrusto la misma imagen de fondo pero queda desalineada con la misma del body. Tampoco lo quiero sacar del .container porque no sé por qué se descuadra la página.

Espero puedan proporcionarme su ayuda, gracias de antemanos.
¡Saludos!

C2am · #2 (**permalink**) 29/01/2013, 18:08

Hola, en principio tienes dos opciones:
1- sacar el footer de container (y arreglar ese descuadre que dice, de lo cual no puedo opinar por falta de código).
2- sacarle el background al container y a footer, dejando el background de body a la vista.

Saludos

leoass · #3 (**permalink**) 30/01/2013, 05:48

Yo opino como C2am, podrias sacar el footer de container. es decir, me refiero a que no lo escribas si lo vas a poner vacio... por que no le veo mucho sentido que este vacio. Sin embargo mientras no le des la propiedad "background" este se acata al background general de la pagina

madman_18 · #4 (**permalink**) 01/02/2013, 06:07

Creo que deberías hacer lo que apunta C2am, deberías sacar el footer del contenedor principal y no aplicarle ningún fondo.

Así estaría sin fondo por lo que mostraría el del body.