применение отступов после использования css reset - PullRequest
0 голосов
/ 03 июня 2010

Как оказалось, я не знаю CSS.

Я столкнулся с кирпичной стеной после сброса CSS Эрика Мейера (http://meyerweb.com/eric/tools/css/reset/)

У меня есть таблица с этим стилем

table.home_right_top, .home_right_top table, .home_right_top
{
background-color: #F2F2F2;
width: 100%;
padding: 10px 20px 15px 20px;
}

но отступы не применяются к таблице вообще, и я не могу понять, почему. Я счастлив, что вижу одинаковое поведение во всех браузерах, включая IE7 и IE8, но я не вижу никаких отступов. Может кто-нибудь сказать мне, что я здесь делаю не так?

Спасибо.

EDIT

Это мой стол

<table class="home_right_top" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td class="blueHeading14 heading_padding_right" style="width: 64px">Products</td>
            <td class="rpt_stroke" style="width: 280px">&nbsp;</td>
        </tr>
    </tbody>
</table>

Ответы [ 4 ]

3 голосов
/ 03 июня 2010

Проблема не в сбросе, а в том, что спецификация свойства W3 CSS гласит, что padding может применяться к:

все элементы, кроме таблицы-строки-группы, Таблица заголовок-группа, таблица-подвал-группа, таблица-строка, таблица-столбец-группа и таблица-столбец

То есть недопустимо применять padding к <table>. Вместо этого единственное решение, которое приходит на ум, - это применить margin, вместо этого обернуть таблицу в <div> или применить заполнение для отдельных <td> s с помощью специальных классов.

0 голосов
/ 03 июня 2010

Работает нормально для меня. Вы объявили DocType?

0 голосов
/ 03 июня 2010

Вы должны применить стиль к ТД, а не к таблице.

    table.home_right_top td
0 голосов
/ 03 июня 2010

Посмотрите на последнюю строку в его css:

table {
  border-collapse: collapse;
  border-spacing: 0;
}

Попробуйте удалить это и посмотреть, что произойдет, ячейки таблицы не часто действуют как элементы уровня block. Я думаю, что настоящая проблема здесь в том, что вы не должны стилизовать элемент таблицы как этот, потому что его свойство display по умолчанию равно table, что не совпадает с блочной моделью.

Попробуйте добавить отступы к самим ячейкам или добавьте поле к таблице.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...