Simple table layout with rowspan

by ArtyomShegeda

HTML

<table class="fixed-layout" border="0" cellpadding="0" cellspacing="10">
		<tr>
			<td class="col1" rowspan="2"><div class="w200 h150"></div>
			</td>
			<td class="col2"><div class="w100 h100"></div>
			</td>
		</tr>
		<tr>
			<td class="col2" rowspan="2"><div class="w100 h100"></div>
			</td>
		</tr>
		<tr>
			<td class="col1"><div class="w200 h50"></div>
			</td>
		</tr>
	</table>

CSS

.fixed-layout{table-layout:fixed;}

.fixed-layout > tbody > tr > td {vertical-align:top;}

.col1{width:200px;}
.col2{width:100px;}

.w100{width:100px;}
.w200{width:200px;}

.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}

td > div{background:#0FF;}