Проблема Internet Explorer OL с десятичными числами свыше 9 - PullRequest
0 голосов
/ 18 января 2010

На моем сайте у меня есть ol с десятичными знаками (list-style-type:decimal). В Internet Explorer, когда список превышает 9, децибел снова начинается с 0.

Вот как это должно отображаться, и как это отображается в Firefox: OL in Firefox
Internet Explorer 7 и 6 отображают его (IE8 еще не тестировался):
OL in Internet Explorer
Итак, список снова начинается с нуля.

CSS списка:

ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
ol li {
    list-style-position:outside;
    list-style-type:decimal;
    margin:5px 0 5px 23px;
}

edit: И мой файл сброса CSS добавляет это (это происходит из firebug):

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
}

Кто знает, как это исправить?

Ответы [ 3 ]

3 голосов
/ 18 января 2010

Числа обрезаны по марже.Увеличьте его, и вы увидите десятичные знаки.

ol li {
    margin-left: 2.5em;
}

или вы можете изменить его как

padding-left: 30px

0 голосов
/ 19 января 2010

Конкретный ответ для пользователей в будущем, у которых возникла эта проблема: левое поле должно быть не менее 30px , чтобы отображать двузначные числа в IE.

0 голосов
/ 18 января 2010

Это из-за margin:0; в вашем файле сброса CSS.

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