В общем, у меня почти получилось, но только почти.
1)В верхней "строке" таблицы создаешь две ячейки, которые растягиваешь на 2 ячейки с помощью свойства "Объединение ячеек" colspan="2"
2)Во второй строке нужно создать 4 ячейки. Двум посередине задать равный размер (можно в процентах от ширины строки).
3)Двум крайним ячейкам задается также одинаковый размер и делаем их невидимыми с помощью visibility:hidden;
4)Убираем для двух нижних видимых ячеек (которые посередине) рамки соответственно правую и левую.
5)И вот тут у меня пробема: как убрать промежуток между ячейками нижними.
Margin не работает.
Border-spacing влияет на все ячейки и сжимает две верхние, что не желательно.
Хотя, если Вам обязателен промежуток между двумя верхними ячейками и между ячейками по вертикали, можете для таблицы указать border-spacing:0;
Тогда получится.

Второй вариант, но здесь нижняя ячейка - это отдельная таблица, состоящая из одной ячейки.
Думаю, тут и так все понятно.
Отступ второй таблице сделать слева и все готово.

лучше margin:0 auto;

Или можно так, объединяешь две нижние ячейки в одну, и соответственно растягиваешь ее на ширину двух верхних,
затем можно в нижнюю ячейку вставить например блок div, и с помощью css выровнить его по середине ячейки ну и тому подобное!))
Хотя это почти тоже самое что и Ваш второй вариант!)

Спасибо. Попробую

Второй вариант подошел, спасибо

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.