Foros del Web » Creando para Internet » CSS »

Ayuda: fondo autoajustable a la resolucion del navegador con css

Estas en el tema de Ayuda: fondo autoajustable a la resolucion del navegador con css en el foro de CSS en Foros del Web. que tal amigos como hacer que el background se autoredimencione a la resolucion del navegador con css ? actualmente el fondo lo tengo programado en ...
  #1 (permalink)  
Antiguo 03/01/2011, 07:46
 
Fecha de Ingreso: noviembre-2010
Mensajes: 11
Antigüedad: 7 años, 1 mes
Puntos: 0
Ayuda: fondo autoajustable a la resolucion del navegador con css

que tal amigos

como hacer que el background se autoredimencione a la resolucion del navegador con css ?
actualmente el fondo lo tengo programado en css con las siguientes propiedades:

<style type="text/css">
<--
body
{background: url(imagendefondo.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;}
-->
</style>

cual es la propiedad que debo añadirle a este codigo para que se ajuste a la imagen ?
  #2 (permalink)  
Antiguo 03/01/2011, 08:37
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

Saludos!

Te respondo con un tema de este mismo foro. escalar imagen CSS

Espero te sirva. Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 03/01/2011, 13:11
 
Fecha de Ingreso: noviembre-2010
Mensajes: 11
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

Cita:
Iniciado por Calizman Ver Mensaje
Saludos!

Te respondo con un tema de este mismo foro. [URL="http://www.forosdelweb.com/f53/escalar-imagen-ancho-css-779635/"]escalar imagen CSS[/URL]

Espero te sirva. Hasta Luego!
no funciona :(

alguna otra sugerencia ?
  #4 (permalink)  
Antiguo 04/01/2011, 21:05
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

El fondo con CSS no puede hacerse ajustable a una resolución ya que no puedes manipular el tamaño de una imagen como fondo. No existe un background-size o similar, que te permita hacer lo que pides. Por ello la sugerencia que te ponía.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 06/01/2011, 00:58
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 2 meses
Puntos: 30
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

Amigo Calizman, justamente sí existe la propiedad background-size y es de CSS3.
Net_soul, puedes usar background-size: cover, pero adivina quien no lo soporta :P
Se usa de la siguiente forma:

Cita:
#tucapa {
-moz-background-size:cover;
background-size:cover;
}
Saludos!
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
  #6 (permalink)  
Antiguo 06/01/2011, 11:26
davidbrepe
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

yo uso esto a ver si te sirve ;)
esto para el body
Código HTML:
Ver original
  1. <img src="imagen.jpg" class="bg" />

y esto para el css
Código CSS:
Ver original
  1. img.bg {
  2.             /* Establezca reglas para el relleno de fondo */
  3.             min-height: 100&#37;;
  4.             min-width: 100%;
  5.            
  6.             /* Establecer la escala proporcional */
  7.             width: 100%;
  8.             height: 120%;
  9.            
  10.             /* Establecer posicion */
  11.             position: fixed;
  12.             top: 0;
  13.             left: 0;
  14.         }
  15.        
  16.         @media screen and (max-width: 1024px){
  17.             img.bg {
  18.                 left: 50%;
  19.                 margin-left: -512px; }
  20.         }
  #7 (permalink)  
Antiguo 07/01/2011, 07:25
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

Cita:
Iniciado por Null_ Ver Mensaje
Amigo Calizman, justamente sí existe la propiedad background-size y es de CSS3.
Net_soul, puedes usar background-size: cover, pero adivina quien no lo soporta :P
Se usa de la siguiente forma:



Saludos!


Ni lo imaginaba! Gracias por la información Null!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #8 (permalink)  
Antiguo 08/01/2011, 15:11
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 2 meses
Puntos: 30
Respuesta: Ayuda: fondo autoajustable a la resolucion del navegador con css

Cita:
Iniciado por Calizman Ver Mensaje


Ni lo imaginaba! Gracias por la información Null!!
De nada, aquí todos aprendemos :D
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:29.