Xpoint
   [напомнить пароль]

padding в ячейке таблицы влияет на соседние ячейки

Метки: [без меток]
2007-06-26 20:16:47 [обр] Pasha L[досье]

Здравствуйте.
Такой вопрос: есть таблица, 3х3, допустим. Ширины и высоты всех ячеек заданы в пикселях. В ячейку,которая по середине, я ввожу текст. Затем, когда я устанавливаю в style этой ячейки padding, допустим, 10 - то не текст "съёживается" внутри этой ячейки, а ячейка сама распирается, сужая соседние. Как сделать так, чтобы отступ текста осуществлялся именно посредством отступа его самого от границ ячейки?

style type="text/css">
.box{padding:20}
</style>
<table width="300" border="1">
  <tr>
    <td width="100" height="50">&nbsp;</td>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td class="box">jtig [ojig [oijg gigtrojjirefoijfrejhif oijreiref orjifo irjojf </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table

Изменяется класс box и заметите, как ведет себя таблица

спустя 29 минут [обр] Евгений Петров(172/1055)[досье]
  1. padding:20 => padding:20px
  2. А как, по-вашему, браузер будет переносить gigtrojjirefoijfrejhif? Ширина определяется минимально возможно шириной контента, в данном случае шириной этого слова.
спустя 4 часа 23 минуты [обр] Pasha L[досье]
<style type="text/css">
.box{padding:20px}
</style>
<table width="300" border="1">
  <tr>
    <td width="100" height="50">a</td>
    <td width="100">a</td>
    <td width="100">a</td>
  </tr>
  <tr>
    <td>a</td>
    <td class="box">a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a  </td>
    <td>a</td>
  </tr>
  <tr>
    <td height="50">a</td>
    <td>a</td>
    <td>a</td>
  </tr>
</table>
Всё равно, епрегородки немного расходятся (IE6). Просто вся соль в том, что из-за этого незначительного сдвига происходит сдвиг катринок, и они не стыкуются
спустя 38 минут [обр] Алексей В. Иванов(197/2861)[досье]
Добавьте к таблице style="table-layout: fixed" и определитесь с размерами таблицы (размер таблицы не 300, а 100*3 + 2*4 + 2*4). "fixed" заставит таблицу держать указанные значение ширины/высоты, но это далеко не единственное решение. Можно доп.контейнер использовать внутри td.box с margin.
спустя 11 часов [обр] keep(0/3)[досье]
может проще сверстать на дивах с относительным позиционированием внутри?
Powered by POEM™ Engine Copyright © 2002-2005