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

У меня есть следующий фрагмент кода 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>

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

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

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

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

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


html css quirks-mode
person Ajay    schedule 23.02.2010    source источник
comment
Иногда установка значения по умолчанию заставляет IE работать волшебным образом. Может быть, вы могли бы возиться с valign? Это то, что я обычно пробую в первую очередь, когда мне приходится работать с... косым взглядом этим браузером. Это особенно важно для таблиц, где IE работает только для меня, если я говорю valign:bottom для каждого отдельного тега в таблице...   -  person Warty    schedule 23.02.2010
comment
Нет.. здесь не работает. Проблема в другом :(   -  person Ajay    schedule 23.02.2010

Ответы (1)


arrow_upward
0
arrow_downward

Настаивать на режиме причуд? В ПОРЯДКЕ.

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

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

person Andrew Kolesnikov    schedule 23.02.2010
comment
Нет.. 0 отступов для всех.. все то же самое.. Если вы видите изображение, вы увидите, что таблица в целом расположена немного выше в IE - person Ajay; 23.02.2010