CODE:
<div style="height:100%;padding:20px 0 10px 0">
<div style="width:99%;background-color:#a07740">
<div style="float:left; display:block; width:58%; margin:0; background-color:#007740">
<div style="width:92%; padding:4%; text-align:left; display:block; background-color:#00FF00">1</div>
<div style="width:92%; padding:4%; text-align:left; display:block; background-color:#FF00FF">2</div>
</div>
<div style="position:relative;height:100%;overflow:visible;width:38%;text-align:left; padding:2%; display:block; float:left; background-color:#FFFF00">3</div>
<div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div>
</div>
</div>
<div style="width:99%;background-color:#a07740">
<div style="float:left; display:block; width:58%; margin:0; background-color:#007740">
<div style="width:92%; padding:4%; text-align:left; display:block; background-color:#00FF00">1</div>
<div style="width:92%; padding:4%; text-align:left; display:block; background-color:#FF00FF">2</div>
</div>
<div style="position:relative;height:100%;overflow:visible;width:38%;text-align:left; padding:2%; display:block; float:left; background-color:#FFFF00">3</div>
<div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div>
</div>
</div>
Как бы на дивах покрасивее изобразить то, что таблицей выглядело бы так:
<table border="0" cellpadding="5" cellspacing="0"><tr><td bgcolor="#00FF00">1</td><td rowspan="2" bgcolor="#FFFF00">3</td></tr><tr><td bgcolor="#FF00FF">2</td></tr></table>
