CSS ячейки таблицы обивка, интервал

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd"> 
<html> 
    <head> 
    <style type="text/css"> 
     table { 
     border: 0; 
     padding: 0; 
     border-collapse: collapse; 
     } 
     td {padding: 0} 
    </style> 
    </head> 
    <body> 
    <table bgcolor="gray" width="100%"> 
     <tr> 
     <td bgcolor="black" height="14px"> 
      <img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt=""> 
     </td> 
     </tr> 
     <tr> 
     <td height="14px"> 
      <img src="_images/top_top_line.png" width="800px" height="14px" alt=""> 
     </td> 
     </tr> 
    </table> 
    </body> 
</html>

В последней опере и ie8 я вижу: http://eta.name/timages/padding.png CSS ячейки таблицы обивка, интервал

Если я Удалитель DOCTYPE декларации во всей оперы ок, но в то ничего не меняется.

Как удалить прокладку правильно?

я упростил пример:http://eta.name/padding.html Там будет TD проблема. Один пиксель сверху и некоторые на нижней части ячейки. Как удалить это?

источник

2011-02-05 Nickolay Stavrogin

Прочтите следующее: http://tiny.cc/3hoxz – Thew

Вы не удалили интервал, хотя ваш заголовок подсказывает, что вы это сделали. Вы также не указали какие-либо _units_ этим, как вы должны. – Oded

Думаю, вам придется разрабатывать и предоставлять информацию, такую как предполагаемое поведение, при каких обстоятельствах вы получили намеченное поведение, в каких обстоятельствах вы этого не получили, и что вы получили вместо этого. – joriki

Я бы подошел к нему по-другому. Вместо того, чтобы сражаться с каждым браузером, как это, используйте сброс CSS, чтобы у вас был полный контроль над всеми элементами и вы можете свободно стилизовать по своему усмотрению. Лучшее, что я знаю, это Eric Mayer's http://meyerweb.com/eric/tools/css/reset/

источник

2011-02-05 10:07:35 Zinc

Я пытаюсь http://meyerweb.com/eric/tools/css/reset/ - это не действует со строгим –

Это не обивка. Изображения являются встроенными элементами, поэтому их обрабатывают как буквы. По умолчанию vertical-align настроен так, что нижняя часть линии изображения располагается внизу букв, таких как a, b, c и d. Это оставляет место ниже для descenders, которые вы найдете на таких буквах, как j, g, p и y.

Вы можете пообщаться с недвижимостью vertical-align, но вы должны просто не использовать tables for layout в первую очередь.

источник

2011-02-05 10:18:19 Quentin

с неэффективным выравниванием по вертикали. –

Возможно, вы примените его к неправильному месту, но решение по-прежнему ** не использует таблицы для макета **. – Quentin

CSS ячейки таблицы обивка, интервал

ответ

Смежные вопросы