Элементы, которые не отображаются рядом друг с другом даже при использовании стиля отображения ячейки таблицы - PullRequest
Новая
       4

Элементы, которые не отображаются рядом друг с другом даже при использовании стиля отображения ячейки таблицы

0 голосов
/ 22 декабря 2011

Я использую Expression Web 4 для редактирования HTML (и IE9 для его отображения), и когда у меня есть некоторые элементы div, которые я пытаюсь упорядочить в таблице, используя стили display: table и display: table-cell, элементы отображаются вертикально, а не горизонтально. Почему они не бок о бок?

Вот код: 

<html>
<head>
<style type="text/css">
.container {
  display: table;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  width: 100px;
  height: 100px;
  border: 1px solid blue;
  padding: 1em;
}
</style>
</head>
<body>
<div class="container">
  <div class="row">
    <div class="cell">CELL A</div>
    <div class="cell">CELL B</div>
    <div class="cell">CELL C</div>
  </div>
</div>
</body>
</html>

Когда я открываю это в IE9, он показывает ячейки, расположенные друг над другом, а не рядом (хотя они выглядят правильно в Chrome). Есть идеи?

...