Side - top - main (table)

by Alon Rotem

HTML

<table class="main" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="2" class="side">side</td>
        <td class="top">top</td>
    </tr>
    <tr>
        <td class="content">main</td>
    </tr>
</table>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.main {
    width: 100%;
    height: 100%;
}
.side {
    width: 100px;
    background-color: green;
    vertical-align: top;
}
.top {
    background-color:yellow;
    height: 50px;
    vertical-align: top;
}
.content {
    vertical-align: top;
}