Tema: Div height 100% en container IE6
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/01/2011, 15:19
Avatar de ArturoGallegos
ArturoGallegos
Moderador
  
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Div height 100% en container IE6
?¿

Código CSS: 
Ver original
  1. * html #container {
  2. height: 100%;
  3. }

el doctype???

para que tu div right tome el 100% de altura el padre deve tener una altura definida ya sea en porcentaje o en px

prueba algo asi:
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" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Ejemplo</title>
  6. <style type="text/css" media="screen">
  7. * {
  8. padding: 0;
  9. margin: 0;
  10. }
  11. html,body{margin:0;padding:0;height:100%;}
  12. body { 
  13. background: #333333;
  14. }
  15. #container { width: 900px;height: 100%; position:relative; margin:auto; background:#009933 }
  16.  
  17. #left {
  18. margin:0;
  19. padding:0;
  20. width:200px; 
  21. height:600px; 
  22. color:#333; 
  23. background:#eaeaea; 
  24. border:1px solid #333;
  25.  
  26. } 
  27.  
  28. #right {
  29. position:absolute;
  30. right: 0;
  31. top: 0;
  32. padding:0; 
  33. width:200px; 
  34. height:100%; 
  35. color:#333; 
  36. background:#eaeaea; 
  37. }
  38.  
  39. </style>
  40. </head>
  41.  
  42. <body>
  43. <div id="container">
  44.     
  45.     <div id="left">div con altura fija</div>
  46.     
  47.     <div id="right">mi div 100% height</div>
  48. </div>
  49. </body>
  50. </html>

Ps: también prueba buscar en el foro o google sobre columnas equilibradas