Обходите ли вы, чтобы CSS-таблицы правильно отображались в IE6 / 7? - PullRequest
1 голос
/ 25 июля 2010

Мой сайт нормально работает в IE8 / Firefox / Chrome, но я не могу понять, как заставить его работать с IE.

Соответствующий CSS:

#maincontent {  
  display: table;   
}  

#content {  
  display: table-cell;  
  width: 620px;
  padding-left:4%;
  padding-right: 22px; 
  padding-bottom:15px;  
} 

#sidebar { 
  display: table-cell;  
  width: 300px; 
} 

#content и #sidebar находятся в #maincontent.На IE6 / 7 #sidebar будет под #content.Я попытался установить боковую панель на display:block с float, и она будет хорошо отрисовываться в IE6 / 7, но все другие браузеры будут испорчены.Как я могу получить эту настройку?

Ответы [ 2 ]

3 голосов
/ 25 июля 2010

Из W3Schools :

Нет версий Internet Explorer (включая IE8) поддерживает свойство значения "inline-table", "run-in", «таблица», «заголовок таблицы», "таблица-ячейка", "таблица-столбец", "таблица-столбец-группа", "таблица-строка" или «Таблицы строк группы».

Лучшим решением, вероятно, является создание реальной таблицы.

1 голос
/ 25 июля 2010

CSS таблицы не поддерживаются в IE, поэтому вы, вероятно, захотите попробовать работать только с плавающей точкой и полями.Я бы рекомендовал взглянуть на позиционирование на одном из этих шаблонов и работать оттуда.

...