Expandir fondo

[biperina]

Nose si deberia de poner este tema aqui, pero no sabia donde podia ponerlo.
Como podria alargar el fondo segun sea de grande el conenido?? Lo tengo todo por estilo css, y cuando el contenido es muy grande se me sale de la imagen de fondo, y quiero que se me adapte, alguna idea?

[Usa_Firefox]

¡hola!

Eso va en css... pero además deberías dejar tu css para que podamos verlo

saludos!

Edito: Prueba a dejar ese div SIN ancho fijo y en lugar de eso le pones un overflow:auto;

Saludos de nuevo xD!

[biperina]

Aqui dejo el css:




*{
margin: auto;
padding: 0 0 0 0;

}
.fondo{ --------> Este es el fondo que quiero alargar segun el contenido
width:995px;
height:700px;
overflow:auto;
background: url(imagenes/fondo.png) no-repeat ;

}

.trazado{
width: 875px;
height:4px;
background:url(imagenes/trazado.png) no-repeat;

}


.boton{
width:99px;
height:25px;
border-radius:5px;
background: url(images/boton1.png) no-repeat;
text-align: center;
border-bottom: solid;

}
.botondesc{
width:90px;
height:20px;
border:#999999;
background:url(imagenes/botondes.png) no-repeat;




}
.textoval{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: normal;
color:#000000;
text-decoration:none;
line-height:20px;
}




.cabecera{
width:995px;
height:130px;
background: url(imagenes/cabeceraval.png) no-repeat;

}

.pie{
width:995px;
height:100px;
background: url(imagenes/pie.png) no-repeat;

}
.recuadro{
width:373px;
height:250px;
background: url(imagenes/recuadro.png) no-repeat;
}

.recuadroinsertar{
width:700px;
height:500px;
background:url(imagenes/recuadro.png) no-repeat;

}
.textarea{
width: 250px;
height:20px;
border:#00CC00;
}
.menu{
width: 320px;
height:60px;
background:url(imagenes/menu.png) no-repeat;

}

[GatorV]

Tema trasladado desde PHP

[kseso?]

2 realizaciones de Mikmoro:
http://araudi.net/ejemplos/fondo_elastico2.html
http://araudi.net/ejemplos/fondo_elastico.html

[daPhyre]

Lo que tu deseas con CSS como tal no se puede lograr. Lo mejor que puedes hacer es poner una imagen así:

Código:

img.fondo{position:absolute;width:100%;height:100%}

Solo debes saber que si la imagen es menor que el fondo, es posible que se pixelee, y además si la proporción es distinta, se distorcione. Avisanos si esto es lo que necesitabas. Suerte

Edito: ¡Kseso?!, ¿Apenas regresando y ya chocando conmigo de nuevo?

[kseso?]

Iniciado por daPhyre

Edito: ¡Kseso?!, ¿Apenas regresando y ya chocando conmigo de nuevo?

Qué bueno reencontrarte por aquí
Se ve que regresas lento y falto de reflejos nada que una buena pretemporada no arregle
Por cierto, riega tu avatar, te menguó

[daPhyre]

Iniciado por kseso?

Por cierto, riega tu avatar, te menguó

¡Eh! Deja mi avatar que es el preview del favicon de mi web (Que a como va progresando, ya saldrá para el 2010 o 2015 ). Pero bueno, regresé para hacerle SPAM cuando salga

Si, otra temporada por acá me hará bien. Que veo que ya hay hasta grupo para forohólicos, uno de esos necesitaba antes de mi misteriosa desaparición

[kseso?]

.fondo{ --------> Este es el fondo que quiero alargar segun el contenido
width:995px;
height:700px;
overflow:auto;
background: url(imagenes/fondo.png) no-repeat ;
}

Siendo así, tienes dos posibilidades si sólo quieres usar una imagen sin crear mosaico:
1ª: más sencilla, pero más pesada
crear una imagen con ese tamaño

2ª: con el código css que te facilitamos, más ligera de peso, puede pixelarse
crear una imagen con esa relación de medidas. (por ejemplo 100 x 70 px)

[jomaruro]

Hola:

Iniciado por biperina

.fondo{ --------> Este es el fondo que quiero alargar segun el contenido
width:995px;
height:700px;
overflow:auto;
background: url(imagenes/fondo.png) no-repeat ;

}

Ademas, si quieres que el fondo se expanda no puedes poner las dimensiones en px, ponlas en %.

Saludos.

[periclespor]

Hola, muy buenas trades, tengo una inquietud, lo que pasa es que tengo una imagen para una carpeta, en mi caso la utilice para el fondo del disco D: pero la imegen me sale en mosaico y me gustaria que saliera expandida, alguien me podira colaborar diciendome como puedo hacer este procedimiento, muchas gracias