Tema: Color de Fondo de un div
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/10/2012, 06:53
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: Color de Fondo de un div
Dándole algún contenido al div

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. body {
  12.     margin:0 auto;
  13. }
  14. #Contenedor {
  15. margin: 0 auto;
  16. width:1000px;
  17. }
  18. #DivFondo {
  19.     position:relative;
  20.     width: 1000px;
  21.     z-index: 2;
  22.     top: 10px;
  23.     background-color:#FCF;
  24. }
  25.  
  26.  
  27. /*]]>*/
  28. </style>
  29. </head>
  30. <body>
  31. <div id="contenedor">
  32.  
  33. <div id="DivFondo">
  34.     fondo
  35. </div>
  36. </div>
  37. </body>
  38. </html>

si vas a usar porcentajes, tenes que definir la altura de los elementos contenedores
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.     margin:0 auto;
  13.     height: 100%;
  14. }
  15. #Contenedor {
  16. margin: 0 auto;
  17. width:1000px;
  18. height: 100%;
  19. }
  20. #DivFondo {
  21.     position:relative;
  22.     width: 1000px;
  23.     z-index: 2;
  24.     top: 10px;
  25.     background-color:#FCF;
  26.     height: 100%;
  27. }
  28.  
  29.  
  30. /*]]>*/
  31. </style>
  32. </head>
  33. <body>
  34. <div id="Contenedor">
  35. <div id="DivFondo">
  36.     fondo
  37. </div>
  38. </div>
  39. </body>
  40. </html>
Aclaración:
z-index solo funcionará en capas con posición absolute o fixed

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.