Нет, вопрос в вашем фейле, а не в js-реализации. Если
a и там и там будет одинаковым, то справа никакого равномерного распределения не будет.
Впрочем ладно, вот первый случай:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
table{
font-size:10px;
border:none;
border-collapse:collapse;
height:100%;
}
td{
text-align:center;
}
.first{
width:40%;
float:left;
background:#faa;
}
.second{
width:60%;
background:#afa;
}
.container{
width: 90%;
margin: 10px auto;
height:70px;
}
</style>
</head>
<body>
<div class="container">
<table class="first">
<tr>
<td>textextextextext</td>
<td>textextextextextextexte</td>
<td>textextextexte</td>
</tr>
</table>
<table class="second">
<tr>
<td>textextextextext</td>
<td>textextextextextextexte</td>
<td>textextextexte</td>
</tr>
</table>
</div>
</body>
</html>
Можно и блоками - но лень, так проще.(блокам всё равно надо display:inline-block или table-cell(что ие6 не кушает), либо городить кучу вложенных )
Второй случай подумаю как сделать если таки разъясните чего хотите.