Высота CSS TR не работает при использовании процентов, а высота таблицы в пикселях

Question

Я установил свой <table> width в пикселях, и я хочу иметь таблицу с двумя <tr>, и у них есть два <td>.

Мой код CSS:

table {
width:100%;
height:300px;
}

.ruutu {
width:50%;
height:50%;
}

.ruutu img {
width:100%;
height:100%;
}

<td> width всегда должно составлять 50% от <tr> width. И его height должно быть 50% <tr> s height.

Но только width работает, а height - нет.

jsfiddle: http://jsfiddle.net/Ugv3G/7/

Answer 1

Плохая идея с ячейками таблицы и высотой.

Добавьте div внутри td и задайте ему высоту. Внутри img теперь будет знать о высоте

http://jsfiddle.net/HerrSerker/Ugv3G/13/ (первая строка первой ячейки)