Hola chicos.
Veo que ya me citan hasta en los temas en que no estoy.
Bueno, ya me llamaron, ahora me van a tener que aguantar.
Antes de desvirtuar absolutamente le tema, vamos con el asunto original ... sea cual fuere. O cual adivinemos.
Por respeto a quien llegue a este post buscando alguna solución esperanzado por el título, y para darle el gusto al compañero
Ag666 (no sé por qué te imagino una bestia plateada), ésta sería la interpretacion de ajustar el fondo a la caja.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>FONDO ESCALADO.</title>
<style type="text/css">
body {background-color: black; color: white; }
#ej1 {width: 316px; height: 343px; background-size: 100% 100%; margin: auto; color: navy; text-align: right; font: bold 12px/120% sans-serif;
filter:progid:dximagetransform.microsoft.alphaimageloader( enabled:"true", src= "http://img502.imageshack.us/img502/470/albertocontrerasregreso.jpg", sizingmethod="scale" );
background-image: url( http://img502.imageshack.us/img502/470/albertocontrerasregreso.jpg ); }
</style>
</head>
<body>
<h2>Imagen de fondo escalada al tamaño del contenedor.</h2>
<strong>En IE usa filtro.</strong>
<div id=ej1>Alberto Contreras </div>
</body>
</html>
La otra interpretación es que un
div (por ejemplo) se ajuste al tamaño de la imagen que contiene
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>CAJA ESCALADA.</title>
<style type="text/css">
body {background-color: black; color: white; }
#ej2 {background-color: yellow; border: 1px solid red; float: left; position: relative;
font-size: 1px}
#texto {position: absolute; right: 0; top: 0; color: blue; font: bold 12px/120% sans-serif; }
</style>
</head>
<body>
<h2><code>div</code> ajustado al tamaño de imagen.</h2>
<div id=ej2><span id=texto>Alberto Contreras. </span>
<img src=http://img502.imageshack.us/img502/470/albertocontrerasregreso.jpg >
</div>
</body>
</html>
Otra, que no voy a mostrar aquí, porque sería javascript, es poner una imagen de fondo a un (y repetimos el ejemplo)
div, y que éste se redimensione hasta alcanzar las medidas originales de la imagen.
Cabe aclarar que en el primer caso, si el contenedor no tiene una medida proporcional a la de la imagen, se va a ver deformada. Pero completa, no se va a cortar.
Con respecto al segundo, hay alguna otra manera de hacerlo; yo elegí ésa.
Bien. Vamos a lo importante; y me alegra que estés por aquí,
Ag666.
Pregunta : ¿a nadie le hace un poco de ruido que venga alguien nuevo a preguntar una incoherencia que mezcla propiedades como alto y ancho para elementos, con las de una imagen de fondo? ¿Y que además escriba de manera harto confusa?.
(Dicho sea de paso,
SeoPosicWeb, lo tuyo no mejora las cosas.)
¿Alguien piensa que una persona que no sabe lo más elemental de CSS puede venir a preguntar ... para qué? Si está creando su página web, ya debería saber que está haciendo un menjunje de propiedades; y si no lo sabe, no está capacitado para hacer una página web. Y no la está haciendo, o preguntaría otras mil cosas primero.
Comento esto porque soy un conpiranóico que he notado una gran cantidad de mensajes preguntando estupideces y/o gruesas incoherencias esperando que uno (o mejor varios) de nosotros pida aclaraciones, o más aún, que "adivine" y ponga un ejemplo con su mejor buena voluntad, para después hacer una objeción y replantear todo distinto ... esperando que le dejemos otro ejemplo con la nueva "adivinación".
Ni hablar de los que se suman respondiendo burradas mayúsculas, obligándonos a aclarar (siempre pensando en la gente que viene a aprender y no a molestar) que las cosas son distintas, y tratando de evitar así la bola de nieve que genera una estupidez repetida por los que se prenden en cualquiera y defienden esa posición hasta la hoguera.
Pero esto ya sería otro tema. Estoy desvirtuando, pero tampoco quiero abusarme.