Сложная таблица..

[Беркут]

Привет! Хочу сделать таблицу следующего вида:

В первой строке три столбца

Во второй строке один столбец растянутый на три верхние, делаем это через colspan, но при этом вторая строка должна быть соединена с центральной ячейкой первой строки..

Попробовал вот так, не получилось

<table width='100%' cellpadding='5' cellspacing='0' height='100%' border='1'>
<tr valign='top'><td width='10%'>
[#left]
</td>
<td id='center_content' rowspan='2'>
[#content]
</td>
<td  width='10%'>
[#right]
</td>
</tr>
<tr><td colspan='3'>

</td></tr>
</table>

[SelenIT]

Т.е. что должно получиться в итоге — что-то типа фигурки "Т" из тетриса, что ли? Такое в HTML не предусмотрено, ячейки, хоть объединенные, хоть нет, должны оставаться прямоугольными. Такую хитрую конструкцию можно сделать двумя float-блоками внутри основного. Или я неправильно понял задачу?

[hisbvdis]

А можно уточнить, что значит "при этом вторая строка должна быть соединена с центральной ячейкой первой строки.."?

[Беркут]

SelenIT абсолютно прав, должна получится перевернутая буква Т как в тетрисе...

Попробовал делать через float чет ничего не вышло.. правый блок оказался после центрального... либо я чето не правильно сделал..

[psywalker]

SelenIT абсолютно прав, должна получится перевернутая буква Т как в тетрисе...

Попробовал делать через float чет ничего не вышло.. правый блок оказался после центрального... либо я чето не правильно сделал..

Покажи скриншот того, что должно получиться.

[Игорёk]

<div style="width: 300px; height: 300px; background-color: #EEE;">
   <div style="width: 100px; height: 100px; float: left; background-color: #555;">1</div>
   <div style="width: 100px; height: 100px; float: right; background-color: #CCC;">2</div>
Раз, два, три, четыре,
Кто у нас живет в квартире?
Папа, мама, брат, сестренка,
Кошка Мурка, два котенка,
Мой щенок, сверчок и я -
Вот и вся моя семья!
Раз, два, три, четыре, пять,
Всех начну считать опять.
</div>

Так?