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

отступ у таблиц с width=100% в IE и Опере

Метки: [без меток]
2007-06-21 16:12:04 [обр] Horzer[досье]

Пример: есть таблица в таблице.
Необходимо у внутренней таблицы сделать отсуп. Если у внутренней табл. вставлять "margin: 32px", то она раздвигает ячейку, в которой лежит таблица.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="763">
      text text text      
      <table width="100%"  border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" style="margin: 32px;">
        <tr><td>&nbsp;</td></tr>
      </table>
   
   </td>
   <td width="230">
      text
   </td>
  </tr>
</table>
</body>
</html>

Спасает только если поместить эту таблицу в еще одну, и у ячейки
этой дополнительной таблицы сделать "padding: 32px;"

Есть ли более элегантное решение?

спустя 19 минут [обр] Евгений Петров(76/1055)[досье]
Смотря что в конечном итоге надо. Покажите то, что должно получиться.
спустя 3 часа 2 минуты [обр] Horzer[досье]
Вот это, но хотелось бы просто без дополнительной таблички (id=tablepluss)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="763">
      text text text    

    <table id="tablepluss" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 32px;">
      <table width="100%" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
        <tr><td>&nbsp;</td></tr>
      </table>
    </td></tr></table>
   
   </td>
   <td width="230">
      text
   </td>
  </tr>
</table>
</body>
</html>
спустя 27 минут [обр] Евгений Петров(76/1055)[досье]

Не зря просил показать, что в итоге нужно. Речь идет о том, будет оформление (background, border) у таблицы или ее ячейки, либо только у контента внутри нее.

Если предположить, что указанное оформление будет у этой таблицы (ее ячейки), то придется что-нибудь вложить (без width=100% таблица не растянется по ширине, а с шириной отступы сложатся с ней). Скажем, так:

...
<td style="width:763px;">text text text
  <div style="margin:32px;">
    <table id="tablepluss" style="width:100%;border-collapse:collapse;">
      <tr>
        <td style="border:1px solid #000;background:#ccc;">&nbsp;</td>
      </tr>
    </table>
  </div>
</td>
...

Если приведенный код соответствует действительности, то делаем "распорку" этой таблицей:

<td>text text text
  <table id="tablepluss" style="width:699px;margin:32px;border-collapse:collapse;">
    <tr>
      <td style="border:1px solid #000;background:#ccc;">&nbsp;</td>
    </tr>
  </table>
</td>
спустя 1 час 26 минут [обр] Horzer[досье]
Дело в том, что если вместо дополнительной таблицы (т.е. для задания padding) использовать DIV, то внитренняя таблица всеравно растягивает все внешнее. Второй вариант не подходит, т.к. всетаки вадно width=100. У ячейки, в которой изначально должна быть таблица тоже должно быть width=100. просто когда пример придумывал поставил на скорую руку число...
спустя 17 секунд [обр] Horzer[досье]
спустя 1 час 44 минуты [обр] Евгений Петров(76/1055)[досье]
Понятно. Вы же без doctype работаете. Я проверял с типичным
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Powered by POEM™ Engine Copyright © 2002-2005