Div footer con transparencia, encima del Div contenedor (no "sticky")

[Alucine]

Hola :) Estoy aprendiendo CSS (en librosweb :) pero necesito solucionar algo que debe ser muy sencillo pero no lo logro hacer.

Este es el diseño que armé en Photoshop: [URL="http://www.mediafire.com/i/?w0ob3mbfjg1g1l3"]http://www.mediafire.com/i/?w0ob3mbfjg1g1l3[/URL]

Armé la web sobre un div contenedor centrado de 930px de ancho, el cual tiene de background una imagen de 1px de alto en repeat-y para lograr el efecto de sombrita a la izquiera y derecha.

Quiero colocar el footer de 1920px de ancho que diseñé (para que ocupe todo el navegador), pero este no es un sólido perfecto sino que tiene un borde irregular, por lo que lo exporté en png para conservar la transparencia. Quiero que el footer aparezca al final de todo el contenido de cada página (No "sticky" que es lo que todos preguntan, sino que esté al final de toda la info siempre) y el problema es que si pongo el footer dentro del contendor se corta a los 930px, y si lo pongo fuera no sé cómo hacer para que quede SOBRE el color blanco del contenedor, y a la vez que ese div footer esté siempre al final de toda la info, o sea al final del div contenedor, sea lo que sea que éste tenga de largo. No sé si debo ponerlo en posición absoluta o relativa y qué otros parámetro debo ingresar.

Espero haberme explicado bien :) No les paso el código que tengo porque está Muy desordenado, si me pueden tirar alguna idea de cómo posicionar el footer asi pruebo y les mando lo que me haya salido :)

GraciaSS!!

[kseso?]

No acabo de comprender su idea al 100% y sin códigos en los que apoyar la explicación se hace más ambigua.

Si es lo que creo, recuerde que los márgenes admiten valores negativos.

[rossijona]

Yo entendi, algo...

Si lo que quieres es que el footer quede ni bien termina el contenedor (pegado a el) debes de simplemente colocarlo debajo del contenedor (el contenedor debe de tener position relative o nada).

Algo asi:

<div class="contenedor" style="display: block; width: 930px; margin: auto; height:..."></div>
<div class="footer" style="display: block; width: 100%; background-image: url(.......); height:..."></div>

con eso simplemente el contenedor aparece arriba y el footer le sigue (sin importar el alto que el contenedor tenga.)

Creo que algo de eso necesitabas, suerte!.

[Alucine]

Gracias a ambos, ambas cosas me sirvieron :) No sabía o no recordaba el hecho de que se pueden poner valores negativos al márgen, haciendo eso logro que el footer suba hasta tapar el final del contenedor, así el diseño se superpone al del contenedor. GRACIAS! :)