Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 8th, 2012  |  syntax: None  |  size: 1.00 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. #caja {
  8.         background-color: #999;
  9.         height: 300px;
  10.         width: 300px;
  11.         position: fixed;
  12.         left: 0px;
  13.         bottom: 0px;
  14. }
  15. body {
  16.         background-color: #930;
  17. }
  18. #footer {
  19.         background-color: #00F;
  20.         height: 100px;
  21.         width: 100%;
  22.         position: fixed;
  23.         bottom: 0px;
  24.         opacity:0.8;
  25.         left: 0px;
  26. }
  27. #top {
  28.         background-color: #0C6;
  29.         height: 100px;
  30.         width: 60%;
  31.         top: 0px;
  32.         right: 0px;
  33.         position: fixed;
  34. }
  35. #cuerpo {
  36.         background-color: #0CF;
  37.         height: 350px;
  38.         width: 600px;
  39.         right: 0px;
  40.         position: fixed; /*el negativo de la mitad de la altura del div*/
  41.         z-index: 2000;
  42. }
  43. </style>
  44. </head>
  45.  
  46. <body>
  47. <div id="top"></div>
  48. <div id="cuerpo"></div>
  49. <div id="caja"></div>
  50. <div id="footer"></div>
  51. </body>
  52. </html>