Несовместимая ширина ячейки таблицы в разных таблицах - PullRequest
0 голосов
/ 11 августа 2011

У меня есть три разные таблицы, к которым применяются одинаковые правила стилей, но, как ни странно, ширина второго столбца уменьшается с каждой последующей таблицей.

Вот правила:

#content table {
    font-size: 0.875em;
    border-collapse: collapse;
}

#content th {
    font-size: 1.125em;
    margin-top: 0.5em;
}

#content tr {
    border-bottom: 1px dotted #959da5;
}

#content tr:nth-child(even) {
    background: #dfe5e9;
}

#content tr:last-child {
    border: none;
}

#content td {
    vertical-align: top;
    padding: 1em 0.5em;
}

#content td:first-child {
    width: 33%;
}

#content td:last-child {
    width: 66%;
}

А вот ссылка на данную страницу: http://cisdl.org/gonthier/about-judge-gonthier/judgments.html

Бывает в Webkit и Firefox. Что может быть причиной этого?

P.S. Я добавил фиксированную ширину только после того, как обнаружил ошибку, но это не помогло.

1 Ответ

0 голосов
/ 11 августа 2011

По какой-то причине (я предполагаю поля или отступы) ваши два утверждения ширины противоречат друг другу.Просто удалите одну из них, у вас все в порядке.


Как это:

#content td:first-child {
    width: 33%;
}

#content td:last-child {
}
...