Форум Сайтостроение Веб-строительство

Сжимаются таблицы

M
На сайте с 20.01.2009
Offline
221
Morfin
523

вот шаблон блока информации 

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">

	<tbody>

		<tr>

			<td>

				[full-link]{title-full}[/full-link]<span>([xfvalue_smallinfo])</span></td>

		</tr>

	</tbody>

</table>

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">

	<tbody>

		<tr>

			<td style="width: 157px;">

				[full-link]<img alt=" " src="{thumb}" />[/full-link]</td>

			<td style="width: 163px;">

				Цены:</td>

			<td>

				<span>[xfvalue_prise]</span></td>

		</tr>

		<tr>

			<td style="width: 157px;">

				*</td>

			<td style="width: 163px;">

				Сроки:</td>

			<td>

				<b>[xfvalue_srok]</b></td>

		</tr>

	</tbody>

</table>
мне нужно чтобы они выводились вот так http://clip2net.com/s/1tTsX , а сейчас выводятся вот так http://clip2net.com/s/1tTtT и таким образом растягивают страницу. Попробовал в конце </table> поставить <br/> не помогло. как сделать?
Мониторинг, анализ и проверка позиций сайта в поисковых системах (http://allpositions.ru/redirect/820)
gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#1

уберите

style="width: 500px;"

или замените на

style="width: 100%;"

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
M
На сайте с 20.01.2009
Offline
221
Morfin
#2

не то - просто прижались друг другу, и все равно в 1 строку

gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#3

посмотрите таблицу стилей

может у Вас для таблиц float установлено

---------- Добавлено в 14:21 ---------- Предыдущее сообщение было в 14:19 ----------

попробовал ваш код: таблицы отобразились в одну колонку

и только когда в стили добавил

table { float:left; }

они встали в одну строку

M
На сайте с 20.01.2009
Offline
221
Morfin
#4

вот такое написано table{border-collapse:collapse;border-spacing:0}

gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#5

может какой-то стиль наследуется для таблиц, это можно посмотреть например в Google Chrome кликнув правой кнопкой и выбрав меню "просмотр кода элемента".

скорей всего это float или display

попробуйте для таблиц переназначить эти стили, для таблиц после 'width: 500px' (или вместо) добавьте 'clear:both;display:block;', чтоб стало типа

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;clear:both;display:block;">

P.S.

и DOCTYPE должен быть на странице задан и быть корректным, иначе вообще отображатся все непредсказуемо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий