Проблема табличной верстки

[3des]

Доброго времени суток) Столкнулся с проблемкой, нужно по макету сверстать вид новости. Верстка должна быть резиновой, т.е. новость должна растягиваться в ширину.

Вот сам макет:

Итак, проблема вот в чем, табица состоит из двух строк, в первой строке три элемента: 1.Левый угол 2.Середина 3.Правый угол.

Вот скриншот, направляющими разделена первая строка таблицы:

Во второй строке таблицы я хочу расположить саму новость, но получаетс следующее:

Вот код HTML:

			<table class="post">
				<tr class="post_top">
					<td class="ptl"></td>
					<td class="ptc"><div class="post_title">ПОСЛЕДНИЕ НОВОСТИ МОБИЛЬНОГО МИРА</div></td>
					<td class="ptr"></td>
				</tr>
				<tr class="post_content">
					<td class="is_post_content">
						Some text
					</td>
				</tr>
			</table>

И CSS-код:

	.post {
		width: 100%;
		background: #fff url('img/post_bg.png') repeat-x top;
		border: 1px #ccc solid;
		border-radius: 7px;
		behavior: url('ie/pie.htc');
	}
	.post_top {
		height: 33px;
	}
	.ptl {
		width: 7px;
		background: url('img/ptl.png') no-repeat left;
	}
	.ptc {
		width: auto;
		background: url('img/ptc.png') repeat-x;
	}
	.ptr {
		width: 7px;
		background: url('img/ptr.png') no-repeat right;
	}
	.post_title {
		height: 33px;
		line-height: 33px;
		font-size: 14px;
		color: #fff;
		text-shadow: #000 1px 1px 1px;
	}
	.post_content {
		width: 100%;
		padding: 10px;
	}
	.is_post_content {
		width: 100%;
		padding: 10px;
	}

Будьте добры, исправьте, пожалуйста, ошибки... Надеюсь только на вас, в учебниках ничего подобного не нашел.

[Justnewone]

ой ой.. вам надо почитать про таблицы, у вас в одной ряду 3 ячейки, а в другом только 1.

Я Вас уверяю, в любом учебнике, хоть онлайн хоть офлайн, есть такие понятия как colspan и rowspan, объясняется зачем они, в подробностях.

[3des]

Да уж.. и действительно ой ой, как я мог такого не заметить.. Большое спасибо.

[SelenIT]

Использование таблицы критично? По ячейке на уголок — слишком расточительно. И вообще без таблиц такие вещи делаются проще (даже если не брать новые фичи CSS3, позволяющие сделать такое даже без оформительских картинок).

[3des]

Использование таблицы критично? По ячейке на уголок — слишком расточительно. И вообще без таблиц такие вещи делаются проще (даже если не брать новые фичи CSS3, позволяющие сделать такое даже без оформительских картинок).

Подскажите, что лучше использвать, не применяя функционал CSS3?

[hedgehog]

Подскажите, что лучше использвать, не применяя функционал CSS3?

для верстки заголовка в вашем примере достаточно будет одного блока (div, hX - не важно) с прозрачным фоном и вырезанной фоновой картинкой

[3des]

для верстки заголовка в вашем примере достаточно будет одного блока (div, hX - не важно) с прозрачным фоном и вырезанной фоновой картинкой

Но блок резиновый...

[hedgehog]

Но блок резиновый...

извиняюсь за невнимательность

[SelenIT]

Имхо, здесь вполне подойдет старый, но надежный прием "раздвижных дверей".