IE8 и IE9 интервал между позицией в стиле списка внутри и снаружи? - PullRequest
Новая
       1

IE8 и IE9 интервал между позицией в стиле списка внутри и снаружи?

0 голосов
/ 17 мая 2011

Для list-style-position в CSS, используя list-style-position: внутри и снаружи не имеет значения по ширине маркера и текста.

За исключением IE8 и IE9, где, по-видимому, разница между маркером и текстом составляет примерно 8 пикселей. Это известная проблема или что-то не так с кодом ниже? (Как ни странно, это не является проблемой в IE7 или IE6.) 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>list-style-position inside vs outside</title>
<style>
    /* Very basic resets */
    * {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
    }

    /* For demo purposes */
    body {
        margin-left: 50px;
    }

    ul.inside > li {
        list-style-type: disc;
        list-style-position: inside;
        background-color: #acf;
    }

    ul.outside > li {
        list-style-type: disc;
        list-style-position: outside;
        background-color: #caa;
    }

</style>
</head>
<body>

<ul class="inside">
    <li>
        <a href="#">The Inside</a>
    </li>
    <li>
        <a href="#">The Inside</a>
    </li>
    <li>
        <a href="#">The Inside</a>
    </li>
    <li>
        <a href="#">The Inside</a>
    </li>
</ul>

<ul class="outside">
    <li>
        <a href="#">The Outside</a>
    </li>
    <li>
        <a href="#">The Outside</a>
    </li>
    <li>
        <a href="#">The Outside</a>
    </li>
    <li>
        <a href="#">The Outside</a>
    </li>
</ul>

</body>
</html>
...