Fondo con background efecto continua html

[cristian_cena]

Iniciado por markkuss

Lo siento pero no he acabado de entender tu explicación.

Miralo aca: http://jsfiddle.net/Lrjq3/ lo que no entiendas, solo pregunta.

Iniciado por markkuss

cuando alineo el background correctamente con photoshop para un navegador en concreto, los otros no estan alineados

Lamento no entender esto. Me explicas como lo haces?

A falta de html, tomaré por caso el que hice yo, espero te sirva de ejemplo_
Suponiendo que el rectángulo rojo (de la imagen que adjuntaste) es "#contenedor" debes quitar la caja anidada "pie de página"
Pues si colocas una caja con un width=100% dentro de otra con ancho fijo en pixeles, el 100% de la primera equivaldrá al ancho en píxeles de la segunda y no al ancho de la ventana (que es lo que buscamos).
Asi que bueno, separemos:
(lo hago con divs, luego utiliza las etiquetas de bloque que quieras)

Código HTML:

<div id="contenedor"></div>
<div id="pieDePagina"></div>
 

Ahora que tenemos los contenedores separados, anidamos una caja a #pieDePagina y procedemos de igual modo que en el ejemplo anterior, esta vez lo hacemos con clases. Ahora siempre que uses .liquid y dentro de ella .fixed lograras el efecto, pudiendo extenderlo a otros elementos:

Código CSS:

.liquid{
    width: 100%;
    background: orange;
}
.fixed{
    width: 960px /*los px que quieras aquí*/;
    margin: 0 auto;
}
 

Código HTML:

<div id="contenedor" class="fixed"></div>
<div id="pieDePagina" class="liquid"><div class="fixed"></div></div>
 

Veamos como quedaría el html si agregamos una cabecera al 100%:

Código HTML:

<div id="cabecera" class="liquid">
    <div class="fixed">esto es una cabecera</div>
</div>
<div id="contenedor" class="fixed">
Lorem ipsum dolor sit amet...
</div>
<div id="pieDePagina" class="liquid">
    <div class="fixed">Esto es un pié de página</div>
</div>​
 

Nota que en ningún momento usamos las id.

Seguro habrá mejores maneras de hacerlo, ojalá alguien más pueda hacer su aporte.
Espero que el ejemplo haya quedado más claro y te ayude a solucionar tu problema. Saludos.

pd: tal vez te sirva googlear por "diseño líquido y diseño fijo" para leer en detalle acerca del uso de % y px