Foros del Web - Ver Mensaje Individual - dividir pantalla en 4 divs automaticamente

Montes28 · #11 (**permalink**) 26/07/2012, 23:27

ya realice las pruebas

pero necesite que los divs quedes centrados y que el div grande tenga un alto hasta el momento no lo consigo

Código HTML:

Ver original<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
 
</script>
<style type="text/css">
#grande{ border:1px solid #FE2E2E;
        /* width:100%;
         height: auto;  */     
    }
#uno{ border:1px solid #FE2E2E;
      width:49.5%;
      display:inline-block;     
    }
#dos{ border:1px solid #FE2E2E;
      width:49.5%;
      display:inline-block;
    }
#tres{ border:1px solid #FE2E2E;
       width:49.5%;
       display:inline-block;
    }
#cuatro{ border:1px solid #FE2E2E;
    width:49.5%;
       display:inline-block;
    } 
    body, html {height:100%; margin:0; padding:0;width:100%;}      
</style>
</head>
<body>
 
    <div id="grande">
    <div id="uno">1</div>
    <div id="dos">2</div><br>
    <div id="tres">3</div>
    <div id="cuatro">4</div>
    </div>
 
</body>
</html>