Fixed-Width grid layout

Grid layout with fixed-width cell classes


PHP/HTML Source:
<!DOCTYPE html>

<html>

    <head>
        <title>Grid Cells</title>
        <link href="raxan/ui/css/master.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 8]><link rel="stylesheet" href="raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
        <link href="raxan/ui/css/default/theme.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            .eee, .ddd, .ccc { color:#777; }
            .eee { background:#eee;  }
            .ddd { background:#ddd;  }
            .ccc { background:#ccc;  }
            .color1 { background:#ECECBB;  }
            .color2 { background:#CCFF99;  }
            .color3 { background:#FFCCCC;  }
            .color4 { background:#CCFFFF;  }

        </style>
    </head>

    <body>

        <div class="container c37 tpm">
            <div class="column bmm r3 eee c2">c2</div>
            <div class="column bmm r3 ddd c4">c4</div>
            <div class="column bmm r3 ddd c6">c6</div>

            <div class="column bmm r3 color3 c4">c4</div>
            <div class="column bmm r3 ccc c5">c5</div>
            <div class="column bmm r3 ccc c5">c5</div>
            <div class="column bmm r3 ccc c7">c7</div>
            <div class="column bmm r3 ddd c6">c6</div>
            <div class="column bmm r3 eee c1">c1</div>
            <div class="column bmm r3 ccc c3">c3</div>
            <div class="column bmm r3 ccc c3">c3</div>
            <div class="column bmm r3 color2 c7">c7</div>

            <div class="column bmm r3 ccc c3">c3</div>
            <div class="column bmm r3 ddd c1">c1</div>
            <div class="column bmm r3 ddd c5">c5</div>
            <div class="column bmm r3 ddd c3">c3</div>

            <div class="column bmm r3 ccc c6">c6</div>
            <div class="column bmm r3 ccc c2">c2</div>
            <div class="column bmm r3 eee c3">c3</div>
            <div class="column bmm r3 ddd c7">c7</div>

            <div class="column bmm r3 color1 c6">c6</div>
            <div class="column bmm r3 eee c7">c7</div>
            <div class="column bmm r3 ccc c2">c2</div>

            <hr />

            <div class="column bmm r3 eee c2">c2</div>
            <div class="column bmm r3 ccc c5">c5</div>
            <div class="column bmm r3 ddd c4">c4</div>
            <div class="column bmm r3 eee c6">c6</div>

            <div class="column bmm r3 eee c4">c4</div>
            <div class="column bmm r3 color4 c5">c5</div>
            <div class="column bmm r3 ccc c7">c7</div>

            <div class="column bmm r3 ddd c6">c6</div>
            <div class="column bmm r3 ccc c2">c2</div>
            <div class="column bmm r3 eee c1">c1</div>
            <div class="column bmm r3 ccc c3">c3</div>
            <div class="column bmm r3 ccc c3">c3</div>

            <div class="column bmm r3 ccc c3">c3</div>
            <div class="column bmm r3 color2 c7">c7</div>
            <div class="column bmm r3 ddd c5">c5</div>
            <div class="column bmm r3 ddd c2">c2</div>


        </div>

    </body>

</html>

Plugin Source:

HTML/JavaScript Source:

Data Source: