Foros del Web » Creando para Internet » CSS »

Ajustar imagen de fondo al tamaño del div

Estas en el tema de Ajustar imagen de fondo al tamaño del div en el foro de CSS en Foros del Web. Hola amigos, tengo un problemilla, necesito ajustar la imagen de fondo de un div al su tamaño, sea cual sea. Por ejemplo, si tengo una ...
  #1 (permalink)  
Antiguo 11/04/2009, 06:34
 
Fecha de Ingreso: febrero-2008
Mensajes: 17
Antigüedad: 16 años, 9 meses
Puntos: 1
Pregunta Ajustar imagen de fondo al tamaño del div

Hola amigos, tengo un problemilla, necesito ajustar la imagen de fondo de un div al su tamaño, sea cual sea. Por ejemplo, si tengo una imagen de fondo más grande que el div y quiero que no salga "partida" sino que salga entera pero más pequeña, como lo hago?

Saludos y gracias.
  #2 (permalink)  
Antiguo 11/04/2009, 07:47
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 16 años, 1 mes
Puntos: 40
Respuesta: Ajustar imagen de fondo al tamaño del div

las imágenes de fondo no son manipulables, siempre se verán como son en realidad, pero si lo quieres es que no salga cortada, tendrías que hacer que el div mida minimamente de ancho y/o alto dependiendo de lo que quieras, lo que mida la imagen, esto lo haces utilizando min-width y min-height, cualquier imagen que quieras manipular con código tendrá que estar insertada en el html.

y si quieras utilizar las propiedades de alto y ancho mínimo recuerda que IE6 no las interpreta y tendrás que utilizar algunas cosillas:

si quieres que IE6 interprete el ancho mínimo sería con un comentario condicional:

Código:
<!--[if IE 6]>
<style>
	#contenedor {width:expression(
		(document.documentElement.clientWidth < 790)? "790px" : "auto" );}
</style>
<![endif]-->
y en el alto de esta manera:

Código:
#contenedor{min-height:200px;height: auto!important;height:200px;
Espero te sirva de guía.
__________________
WFC
codigo82
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:39.