CBOK example

by Brian von Konsky

HTML

<div id="container">
    <div id="role"> Role Block </div>
    <div id="cbok" class="component">Core Body of Knowledge</div>
    <div id="spec" class="component">Role Specific Knowledge</div>
    <div id="comp" class="component">Complementary Knowledsge</div>
</div>

CSS

div { 
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    border-style: solid;
}

.component {
    width: 33%;
    height: 80%;
    float: left;
}

#role {
    width:99%;
    height: 20%;
    background-color: gray;
}

#cbok {
    background-color: red;
}

#spec {
    background-color: green;
}

#comp {
    background-color: blue;
}

#container {
    height: 100%;
    width: 100%;
    background-color: pink;
    position: absolute;
}