Foros del Web - Ver Mensaje Individual

andresdzphp · #7 (**permalink**) 02/08/2011, 20:22

Te dejo un código:

Código CSS:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ejemplo</title>
 
        <style type="text/css">
 
            html,body{
                margin:0px;
                height:100%;
            }  
            body {
                text-align: center;
            }
 
            #contenedor {
                margin: 0 auto;
                text-align: left;
                width: 960px;
                background: #cccccc;
                height: 1200px;
            }
 
            #celeste, #verde {
                float: left;
            }
 
            #celeste {
                background: #009999;
                width: 500px;
                margin: 0 20px 0 20px;
                height: 500px;
            }
 
            #verde {
                background: #009933;
                width: 400px;
                height: 100%;
                margin-right: 10px;
            }
 
        </style>
 
    </head>
    <body>
 
        <div id="contenedor">
 
            <div id="celeste">
                Div celeste columna izquierda
            </div>
            <div id="verde">
                Div verde columna derecha
            </div>
 
        </div>
    </body>
</html>