Fondo extensible vertical

mcg_4 · #1 (**permalink**) 20/04/2012, 14:27

Hola,
Tengo un problema con el fondo del contenedor donde tengo todo el contenido de la página, ya que este consigo que se repita sólo hasta donde se ve sin desplazar el scroll.
Si visualizo la página con mucho zoom, al desplazarla hacia abajo veo como el fondo blanco deja de repetirse desde ese punto en adelante. He probado varias combinaciones de background y overflow pero no doy con la solución.
Si alguien pudiera echarme una mano para ver como puedo solucionar esto lo agradecería enormemente.
Aquí os dejo el código del css tal y como lo tengo implementado y el link a la página para que veáis a lo que me refiero.
Mil gracias de antemano!!

Código:

@charset "utf-8";
/* CSS Document */

body{
	color:#FFF;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image:url(trama2.jpg);
	background-repeat:repeat;
	height:100%;
}
html{
	height:100%;
}

.contenedor{
	width:1000px;
	margin:0 auto;
	background-image:url(fondoblanco.png);
	background-attachment:scroll;
	height:100%;
	background-repeat:repeat-y;
}

Link: comgrafic.net23.net/inicio_esp1.html

cristian_cena · #2 (**permalink**) 20/04/2012, 15:27

prueba asi luego nos cuentas: demo

Código HTML:

Ver original<body>
    <div class="contenedor"> ... test ... </div>
</body>

Código CSS:

Ver originalhtml, body{
    height:100%;
}
body{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    background:url("trama2.jpg") 0 0 repeat;  
}
.contenedor{
    width:1000px;
    margin:0 auto;
    background:url("fondoblanco.png") 0 0 repeat-y;
    height:100%;
}

mcg_4 · #3 (**permalink**) 21/04/2012, 01:11

Muchas gracias cristian, pero en mi web no funciona...
La teórica me dice que debería, y es mas, en la demo que has linkado sale justo lo que quiero, pero en mi caso donde llega la pantalla ahí deja de cargarse el fondo y no se porque.
A nadie se le ocurre pq podría pasar?
Saludos y gracias d nuevo!

mcg_4 · #4 (**permalink**) 24/04/2012, 08:35

Solucionado!
Height debe ser auto, no 100%.

Gracias por la ayuda.