Fondo se agranda pero el contenido no!

JSDogeCSS · #1 (**permalink**) 31/05/2015, 16:40

Hola a todos
Tengo un problema mi website tiene una imagen de fondo que no podia ponerlo en todo el fondo pero lo pude hacer con background-size:100% 100%; pero ahora el contenido se quedo del mismo tamaño no se estira como hago para que todo este parejo alguna idea?

Aqui dejo el codigo:

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
 
<body>
    <div id="contenedor">
    </div>
</body>
 
</html>

Código CSS:

Ver originalbody{
    background-image:url(../imagenes/background.png);
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
}
#contenedor{
    background-color:#FFFFFF;
    width:1000px;
    height:1040px;
    margin:auto;
}

pzin · #2 (**permalink**) 31/05/2015, 17:04

¿Quitarle el ancho a #contenedor dices?

JuJoGuAl · #3 (**permalink**) 01/06/2015, 10:04

El Contenedor tiene un Tamaño Fijo, este no se adaptará si es lo que quieres...

Para adaparlo a otras pantallas usa % en vez de px