Entrar

Ajustar imagen de fondo a resolucion de pantalla

nico_sf · · Solicitar retirada
Buenas, quería saber como puedo ajustar la imagen que tengo de fondo en mi web según el tamaño o resolución de la pantalla. La imagen la tengo puesta en el backgroud del body.
Si necesitan el codigo avisenme.
santafegol.com.ar

GRACIAS
nico_sf · · Solicitar retirada
Me parece que la unica que me queda es poner la imagen en un div y ahi si manejar el tema del tamaño por css, estuve buscando pero no encontre forma de modificar la imagen del background. El problema es que si pongo la imagen en un div voy a tener que cambiar la forma en que ingreso a las 2 partes de la pagina, o no??? Las dos mitades de la pagina inicial son 2 etiquetas de enlace dentro de un div contenedor, la imagen de fondo la tengo en el body que contiene ese div. Ahora si pongo la imagen como fondo del div puedo lograr lo mismo?? GRACIAS
nico_sf · · Solicitar retirada
Buenas, mientras sigo pensado como hacer que la imagen me ocupe todo el fondo me surgio otro problema. En el google chrome no se ven los div que permiten seleccionar una u otra parte de la web. Lo van a entender mejor si entran a la pagina en cualquier otro navegador (mozila, opera, ie7, ie8) y despues en el chrome. Estuve buscando en la web pero ninguna de las soluciones que encontre me sirvieron. GRACIAS
txutxy007 · · Solicitar retirada
yo he logrado que me ocupe toda la pantalla solo estirando la imagen de fondo a 2000px por 1700 pero me gustaria saber si se puede hacer que ella sola se redimensione para poder poner cualquier imagen. muchisimas gracias por adelantado si que reis echarle un vistazo entrais a http://facilinux.260mb.com/ me gustaria tener otras opiniones de diseño a si que podeis criticar jeje gracias
gjulian · · Solicitar retirada
Hola, yo he logrado colocar cualquier imagen del tamaño que sea como fondo y ademas que se vea igual en cualquier resolucion de pantalla. Pero eso me produce el problema de que se vea centrado el contenido de la pagina en otras resoluciones distinta a la mia.
Aqui dejo los codigos y si alguien da con la solucion al mi problema, posteelo por favor:
en css
body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; width:100%; height:100%;}

#caja{
background-image:url(img/caja.png);
position:absolute;
overflow:auto;
background-repeat:no-repeat;
top:0; left:270px;
width:800px;
}

y esto en html
<body>

<div>
[contenido no disponible]
</div>

<center><div id="caja">

Caja es una imagen donde en su interior va el contenido de la pagina.
Lo mejor de caerse al tropezar, es volverse a levantar.
gjulian · · Solicitar retirada
en css
body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; width:100%; height:100%;}

#caja{
background-image:url(img/caja.png);
position:absolute;
overflow:auto;
background-repeat:no-repeat;
top:0; left:270px;
width:800px;
}

SOLUCIONAO
body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; }
#background{ height:100%; width:100%; position:absolute;}

#caja{
background-image:url(img/caja.png);
background-position: center center;
position:relative;
overflow:auto;
background-repeat:no-repeat;
width:800px;
margin:10px;
}
La img del body es de 800x600 y usando 1280x800 como 1024x768 se ve a pantalla completa y la caja centrada en ambas resoluciones.
Lo mejor de caerse al tropezar, es volverse a levantar.