Ver Mensaje Individual
  #7 (permalink)  
Antiguo 02/08/2011, 20:22
Avatar de andresdzphp
andresdzphp
Colaborador
 
Fecha de Ingreso: julio-2011
Ubicación: $this->Colombia;
Mensajes: 2.749
Antigüedad: 12 años, 8 meses
Puntos: 793
Respuesta: Div con 100% de alto css

Te dejo un código:

Código CSS:
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">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>Ejemplo</title>
  6.  
  7.         <style type="text/css">
  8.  
  9.             html,body{
  10.                 margin:0px;
  11.                 height:100%;
  12.             }  
  13.             body {
  14.                 text-align: center;
  15.             }
  16.  
  17.             #contenedor {
  18.                 margin: 0 auto;
  19.                 text-align: left;
  20.                 width: 960px;
  21.                 background: #cccccc;
  22.                 height: 1200px;
  23.             }
  24.  
  25.             #celeste, #verde {
  26.                 float: left;
  27.             }
  28.  
  29.             #celeste {
  30.                 background: #009999;
  31.                 width: 500px;
  32.                 margin: 0 20px 0 20px;
  33.                 height: 500px;
  34.             }
  35.  
  36.             #verde {
  37.                 background: #009933;
  38.                 width: 400px;
  39.                 height: 100%;
  40.                 margin-right: 10px;
  41.             }
  42.  
  43.         </style>
  44.  
  45.     </head>
  46.     <body>
  47.  
  48.         <div id="contenedor">
  49.  
  50.             <div id="celeste">
  51.                 Div celeste columna izquierda
  52.             </div>
  53.             <div id="verde">
  54.                 Div verde columna derecha
  55.             </div>
  56.  
  57.         </div>
  58.     </body>
  59. </html>