почему моя html табличка ведёт себя так странно?(см внутрь)

[yummi]

В общем нужно сделать вот такую штуку

но

дело в том, что где нижний цветочек, если ему родную ширину поставить, ячейка будет длинее!!!!он будет повторяться!!!! а он 107px а я ему 50 поставила..

<table border="1px"  cellpadding="0px" cellspacing="0px" cols="3">
<tr >
	<td background="images/LT.png" width="116px" height="111px">r
	</td>
	<td background="images/MT.png" width="11px" height="111px"colspan="4">r
	</td>
	<td background="images/RT.png" width="69px" height="111px">r
	</td>
</tr>

<tr>
	<td background="images/LM.png" width="116px" height="11px">r
	</td>
	<td bgcolor="#fffddf" width="300px" height="200px" colspan="4">r
	</td>
	<td background="images/RM.png" width="69px" height="17px">r
	</td>
</tr>

<tr >
	<td background="images/LB.png" width="116px" height="55px">r
	</td>
		<td background="images/BM.png" width="50px" height="55px">r
	</td>
		<td background="images/BM2.png"  height="55px" width="100px" >r
	</td>
		<td background="images/RB.png" width="69px" height="55px" colspan="4">r
	</td>
</tr>


</table>

и ещё с colspan может я чтото не то сделала... прост не пользовалась как-то а теперь решила попрбывать.

Edited July 12, 2009 by yummi

[Azadi]

У тебя 4 столбца в табличке, а не 3. Для первых 2-х строчек во второй ячейке пропиши colspan=2. А вообще, лучше с таблицами так не работать. Табличке проши table-layout:fixed. width:100%, все свойства вынеси в CSS. Примерно как тут описано: http://veerle.duoh.com/index.php/blog/comm...s_styled_table/

Ну или посмотри как на http://ya.ru/ раскладку таблицами сделали и делай по аналогии.

[yummi]

ммм всё равно та же фигня. а на ya.ru чтото слишком хитро и кода со скриптами много - нефига не разобрать. но css я для div приберегу, обойдусь style="". но всё таки почему по фиксир ширине оно не работает?

[SelenIT]

Во-первых, в HTML нет единицы измерения "px" (в отличие от CSS).

Во-вторых, с colspan-ами действительно напутано. По нарисованному, объединять нужно только вторые ячейки в первой и второй строке (т.е. у них будет colspan="2", у остальных ничего).

Ну и в-третьих, как справедливо отмечено выше, полагаться на заданную ширину ячеек таблицы не стоит — браузер "имеет право" подгонять ширину по содержимому, лишь ориентируясь на указанные width как некий "идеал". В доисторические времена для надежной фиксации ячеек в них клали картинки-распорки, потом их сменили дивы-распорки (<div style="width:XXpx;height:1px;overflow:hidden"></div>). Но лучше, действительно, задавать размеры самим ячейкам через CSS, а таблице поставить table-layout:fixed.