Tema: Imagen de fondo autoajustable
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 13/06/2009, 15:36
totolia
 
Fecha de Ingreso: mayo-2008
Mensajes: 315
Antigüedad: 15 años, 11 meses
Puntos: 7
Respuesta: Imagen de fondo autoajustable
Cita:
Iniciado por willyfc Ver Mensaje
tenías que ver el código fuente ahí esta todo lo que usa, que poca atención, , pero bueno te lo facilito, aquí esta:

Código html: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  5. <title> stu nicholls | CSS PLaY | 100% wide/high 'background' image emulation </title>
  6. <style type="text/css"> 
  7. html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
  8. body {font-family:verdana, arial, sans-serif; font-size:76%;}
  9. #background{position:absolute; z-index:1; width:100%; height:100%;}
  10. #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
  11. #content {padding:5px 300px 20px 200px;}
  12. p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
  13. #fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
  14. </style> 
  15. </head> 
  16. <body> 
  17. <div> 
  18.     <img id="background" src="rabbit.jpg" alt="" title="" /><!--Imagen de fondo que no se mueve-->
  19. </div> 
  20. <div id="fixed"> 
  21.     <p>Un contenido Fijo</p> 
  22. </div> 
  23. <div id="scroller"> 
  24.     <div id="content">  
  25.         <p>Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo </p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo </p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo Contenido principal fijo </p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
  26.     </div> 
  27. </div> 
  28. </body> 
  29. </html>

Trabajo de Stu Nichols.
Xd si perdoname nisiquera me acorde disculpa