Таблица режима Quirks и проблемы с выравниванием текста - PullRequest
Новая
       9

Таблица режима Quirks и проблемы с выравниванием текста

0 голосов
/ 23 февраля 2010

У меня есть следующий фрагмент HTML-кода: - 

<html>
<head>
    <style>
        body ul
        {
            margin: 0px;
            border: 1px solid black;
            padding: 0px;
            list-style-type: none;
        }
        ul li {
        display: inline;
            padding: 0px;
            margin: 0px;
            border: 1px solid red;
        }
        table
        {
            display: inline;
            margin: 0px;
            padding: 0px;
            border:1px solid green;

        }

    </style>
</head>
<body>
<ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>
            <table>
                <tbody>
                    <tr>
                        <td>Item3</td>
                        <td>Stars</td>
                    </tr>
                </tbody>
            </table>
        </li>
    </ul>

</body>
    </html>

Я должен отобразить этот код в режиме quirks (Из-за наличия на странице Iframe, для правильной визуализации я обнаружил, что режим Quirks подходит лучше всего). Я вижу, что IE8 отображает код в виде: alt text
(источник: ggpht.com )

Таблица не выровнена с другими элементами списка. Принимая во внимание, что Mozilla отображает это как: -

alt text
(источник: ggpht.com )

Здесь таблица выровнена, а текст - нет.

Что здесь не так? Как это исправить в браузерах

1 Ответ

0 голосов
/ 23 февраля 2010

Настаивать на причудливом режиме? OK.

Похоже, что у td в таблице есть отступы, которые заставляют его отображаться в IE.

Попробуйте удалить отступы + поля для всех элементов после таблицы.

...