Como asegurarse de que una imagen se repite de forma íntegra?

[cristian_cena]

prueba con esto:

Código HTML:

<div id="header"></div>
<div id="cuerpo">
...
contenido
...
<div id="footer"></div>
</div>
 

Código CSS:

#cuerpo{
position:relative; 
overflow:visible; 
margin-bottom:100px; 
background:url('ruta/imagenquerepites.xxx') 0 0 repeat-y;
}
#footer{
position:absolute; 
height:100px;
left:0;
bottom:-100px; 
background:url('ruta/imagendelfooter.png') 0 0 no-repeat;
}
 

La primera repetición se verá bien ya que #header esta pegado a #cuerpo
La última repetición se verá completa ya que ubicamos #footer pegado al bottom de #cuerpo.

A imagendelfooter.png le das un degradado de alpha=100(abajo) a alpha=0(arriba) en photoshop. para que se fusione con el fondo repetido.

No lo probé pero debería funcionar. Pruébalo y me cuentas.

Un abrazo.