Сафари 4 как-то странно сжимает табличку

[ХОЛОДный]

Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4.

Есть табличка:

<table>
  <tr>
	<td style="width:8%"></td>
	<td style="width:62%;">
		<p>какой-то там текст</p>
	</td>
	<td style="width:7%"></td>
	<td style="width:15%"></td>
	<td style="width:8%"></td>

</tr>
</table>

Если у

какой-то там текст

сказать

padding-left:24%;

то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку.

Т.е. на указание ширины в 62% Сафари почему-то забивает.

В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается.

Вот как это выглядит в ФФ и ИЕ8:

Табличка поджалась до минимально допустимого размера, а затем контент справа начал скрываться за пределами окна.

А вот как это выглядит в Сафари:

Сафари почему-то проигнорировал ширину колонок и сжал всё в одну кучу-малу.

Что делать, как спасаться?

Edited June 30, 2010 by ХОЛОДный

[d0ublezer0]

По скринам, как будто ваша картинка в FF растягивает колонку.

А в сафари вроде как и есть 62% (на глаз).

И к тому же, зачем вы задаете ширину и еще и внутренние отступы?

Вложите в вашу ячейку таблицы какой-нибудь div с паддингом, а в него уже текст - скорее всего всё и исправится.

Edited June 30, 2010 by d0ublezer0

[ХОЛОДный]

По скринам, как будто ваша картинка в FF растягивает колонку.

А в сафари вроде как и есть 62% (на глаз).

И к тому же, зачем вы задаете ширину и еще и внутренние отступы?

Вложите в вашу ячейку таблицы какой-нибудь div с паддингом, а в него уже текст - скорее всего всё и исправится.

Не помогает.

Как только у тегов p, находящихся в ячейке колонки появляется padding - Сафари начинает неправильно "поджимать" табличку.

Я уже пробовал.

[d0ublezer0]

Так зачем вы паддинг Р назначаете? Цель?

Чтобы был отступ внутри ячейки?

Так сделайте так как я вам посоветовал в предыдущем посте.

<td><div style="padding-left:20%"><p>текст</p></div></td>

[ХОЛОДный]

Делал, эффект тот же.

Сейчас переделаю, я покажу скриншот.

[ХОЛОДный]

Убрал все паддинги у p.

Теперь путь к p выглядит так:

td > div > p

у div'a стоит паддинг, с p паддинг снят.

Эффект тот же, Сафари всё мешает в кучу, а ФФ, ИЕ ведут себя нормально, сжимая таблицу до определенного размера, пока картинка это позволяет, затем начинают скрывать часть контента за пределами окна.

Не понимаю, что это за хрень такая.

Сафари нормально работает только в том случае, если воообще убрать какие-либо паддинги и у дива и у абзацев и у картинок.

Почему так - не понимаю. В общем-то проблема с веб-китом в целом, Хром ведет себя точно так же.

Edited June 30, 2010 by ХОЛОДный

[barsev]

А не лучше ли написать вместо td style="width:8%" как положено для таблиц td width="8%". Да, а не пробовали для p вместо padding сделать margin?

А картинка снизу лежит в проблемном td? Если так, то данной td незачем задавать ширину - она будет принимать размер картинки.

Edited June 30, 2010 by barsev

[ХОЛОДный]

Ну не знаю, вроде как надо через css задавать ширину.

В общем, перевел весь padding на ячейку, проблема пропала.

Да, картинка находится в проблемном td и у нее есть left: -27%

ФФ, ИЕ8, действительно, делали так, что ячейка принимала ширину картинки.

Сафари, видимо из-за обилия паддингов у p и у img, не мог правильно рассчитать ширину ячейки, и при ресайзе окна (сделать уже), забивал на картинку в ячейке и сужал ячейку до предела. Я бы сказал, что это баг, учитывая, что родительскому элементу я чётко задаю ширину относительно ширины окна.

Проблема решена, спасибо!

[d0ublezer0]

Холодный, я вам говорил об этом еще в своем первом посте:

По скринам, как будто ваша картинка в FF растягивает колонку.

Edited July 1, 2010 by d0ublezer0

[ХОЛОДный]

Холодный, я вам говорил об этом еще в своем первом посте:

Извиняюсь, по всей видимости, я неверно объяснил проблему.

В ФФ картинка растягивает ширину колонки, не позволяя ей стать уже картинки.

В Сафари такого не происходило, правые колонки наезжали на левые, прямо поверх картинок.