Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/09/2009, 19:02
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 7 meses
Puntos: 40
Respuesta: Redimensionar imagen de fondo de tabla

Prueba de esta manera:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <style type="text/css">
  6. *{margin:0; padding:0;}
  7. html,body{height:99%}
  8. #tabla3 {
  9. width: 99%;
  10. height: 99%;
  11. border: 4px inset #000;
  12. margin: 0 auto;
  13. position:relative;
  14. }
  15.  
  16. #tabla3 img {
  17. width: 100%;
  18. height: 100%;
  19. position: absolute;
  20. }
  21.  
  22. .texto { color: #f00;
  23. font-size: 30px;
  24. position: relative;
  25. }
  26. </head>
  27.  
  28. <div id="tabla3">
  29.     <img src="Imagen de un apretón de manos, un blanco y un negro.jpg">
  30.     <div class="texto">El contenido quedar&aacute; sobre la
  31.     capa de la imagen</div>
  32. </div>
  33. </body>
  34. </html>

Si queres usar el 100% de todo tendras que eliminar los bordes
__________________
WFC
codigo82