дисплей: таблица убивает меня в IE - PullRequest
Новая
       13

дисплей: таблица убивает меня в IE

1 голос
/ 18 мая 2010

Я хочу создать горизонтально выровненные ячейки таблицы , как на этой странице .

Я следовал инструкциям и даже скопировал дословно css и разметку, но независимо от того, что я делаю, IE 8 отображает ячейки моей таблицы в виде блоков (расположенных друг над другом, а не выровненных рядом друг с другом). ).

CSS: 

<style type="text/css">

body.TableStyles {
    display: inline-table;
    border-spacing: 4px;
}

div.maketable p {
    display: table-cell;
    width: 20%;
    background-color: #cdf;
    padding: 4px;
}

</style>

Разметка: 

<body class="TableStyles">
<div class="maketable">
        <p>< prev</p>

        <p>next ></p>
</div>

</body>

Ответы [ 3 ]

1 голос
/ 04 февраля 2013

Вы должны заменить свой тег тега body на этот, он точно будет работать! 

<body class="TableStyles">
<div class="maketable">
        <table>
        <tr>
         <td>
           <p>< prev 
           </p>
         </td>
         <td>
         <p>next >
         </p>
        </td>
        </tr>
        </table>
        </div>

</body>
0 голосов
/ 18 мая 2010

вместо этого, почему бы не использовать <ul><li> для достижения эффекта?

0 голосов
/ 18 мая 2010

Ваш HTML неправильно сформирован. Символы <и> до и после предыдущего и следующего должны быть экранированы как &lt; и &gt; соответственно. Вероятно, это заставляет браузер переходить в режим некоторых странностей, когда он не соответствует CSS

...