Tema: capa absoluta al pie de página, no me sale!
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 31/10/2011, 11:57
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: capa absoluta al pie de página, no me sale!
en realidad no sé muy bien como se tiene que mostrar lo que querés,

con el css que pasaste se muestran 4 capas, una debajo de la otra y la úlltima al pie.
De todas maneras tu css esta lleno de cosas innecesarias al mi parecer, si tus capas tienen 100% de ancho, no necesitas de absolute, salvo para la ultima, y las capas absolutas las posicionas en todo caso con left y top(o bottom para laque va al pie) no con left y right, los z-index, al no haber superposición, están de más.
Como el color de fondo de content no te lo va a cubrir completo si no hay contenido, lo pasamos al body.
Proba con esto
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. html, body {
  12. height:100%;
  13. margin:0;
  14. padding: 0;
  15. min-height:100%;
  16. min-width:100%;
  17. text-align: center;
  18.  background-color: cyan;
  19. }
  20. div {
  21. margin: 0;
  22. padding: 0;
  23. }
  24.  
  25.  #toplogo {
  26.  width:100%;
  27.  height: 120px;
  28.  background-color: #2e2e2e;
  29.  border-bottom: 3px solid #B9005C;
  30.  }
  31.  #marquee {
  32.  width:100%;
  33.  height: 36px;
  34.  background-color: #CED8F6;
  35. }
  36.  #content {
  37.  width:100%;
  38.  background-color: cyan;
  39.  }
  40.  
  41.  #copyright {
  42.  position: absolute;
  43.  width:100%;
  44.  height: auto;
  45.  margin-bottom:0px;
  46.  margin: 0;
  47.  padding: 0;
  48.  bottom:0;
  49.  left: 0;
  50.  background-color: gray;
  51.  border-bottom: 10px solid #000;
  52. } 
  53. /*]]>*/
  54. </style>
  55. </head>
  56. <body>
  57.  
  58. <div id="toplogo">
  59. toplogo<br />
  60. </div>
  61.  
  62. <div id="marquee">
  63. marquee<br />
  64. </div>
  65.  
  66. <div id="content">
  67. content<br />
  68. </div>
  69.  
  70. <div id="copyright">
  71. copyright<br />
  72. copyright<br />
  73. copyright<br />
  74. copyright<br />
  75. copyright<br />
  76. copyright<br />
  77. copyright<br />
  78. copyright<br />
  79. </div>
  80. </body>
  81. </html>

En el caso de que tu capa content genere scroll al body, te repito, tu capa copyright deberá estar con fixed.
Ejemplo
http://foros.emprear.com/html/div-al...-fija-pie.html
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.