Foros del Web - Ver Mensaje Individual

mblascog · #5 (**permalink**) 21/08/2014, 03:51

Buenas, buscando por el foro vi la sugerencia de buscar "columnas equilibradas" en Google y así lo hice.
Hay muchas maneras de hacerlo, para mi caso, la más fácil de adaptar ha sido en formato de tabla.
Si a alguien le interesa el código es este:

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
    <head>
        <title>Columnas equilibradas - Recursos CSS - araudi.net</title>
        <style type="text/css">
            #contenedor {display: table;}
            #fila {display: table-row;}
            #columna1, #columna2, #columna3 {display: table-cell;color: #000;width: 100px;font-weight: bold;}
            #columna1 {
            background-color: #F00;}
            #columna2 {background-color: #FF0;}
            #columna3 {background-color: #00F;}
        </style>
    </head>
    <body>
        <div id="contenedor">
            <div id="fila">
                <div id="columna1">
                    <p>Columna 1</p>
                    <p>Texto de ejemplo.<br />
                    Texto de ejemplo.</p>
                </div>
                <div id="columna2">
                    Columna 2
                </div>
                <div id="columna3">
                    Columna 3
                </div>
            </div>
        </div>
    </body>
</html>