claro, bueno, por eso te decía que tal vez no era necesario redimensionar el fondo.
Tomemos por caso este código:
Código HTML:
Ver original<div id="wrap"> <!-- contenedor --> <div id="contenido"><!-- texto, formulario y contenido en gral --></div> <div id="bg"><!-- fondo --></div>
Código CSS:
Ver original#wrap{
position:relative;
}
#contenido{
width: ... ; /*fijate que en ningun momento declaramos un height*/
position:relative;
z-index:1;
}
#bg{
width:100%; height:100%;
position:absolute;
z-index:0;
/*das la transparencia con un png transparente repetido de fondo, ... x.ej. imagen de 2px*2px*/
background:url("ruta/pngtransparente.png") 0 0 repeat;
/* ... o bien con opacity, esto es a tu gusto ...
background-color:#000000;
filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
*/
/*... o bien con rgba tal como indica isabel
background-color: rgba(0, 0, 255, 0.1);
*/
}
Aquí
#wrap crecerá segun crezca
#contenido, ya que al no declararle
height a ninguno todo dependerá del contenido de
#contenido,
#contenido tiene un
width declarado, lo que indica que solo podrá crecer en alto. Lo que indica también que
#wrap solo podrá crecer en alto, pues su alto depende del alto que valla tomando
#contenido.
#bg cubrirá todo el ancho y alto de
#wrap independiente de lo que suceda entre
#contenido y
#wrap.
Digamos que
#bg se aisló y dijo jódanse entre ustedes yo no me meto ja XD.
Bueno, ahora tu dirás, pero yo quiero darle un alto fijo, este código no me sirve! No cambia mucho, simplemente le das un
height a
#contenido y
#wrap se ajustará a ese alto.
Vimos además que no es necesario javascript de momento, salvo que necesites algo más complejo.
Espero te sirva, en realidad quedó media enredada la explicación pero es simple, cualquier cosa pregunta y lo seguimos viendo. Saludos.