Проблемы выравнивания При отображении: таблица и отображение: ячейка таблицы в IE7 и IE9 - PullRequest
Новая
       14

Проблемы выравнивания При отображении: таблица и отображение: ячейка таблицы в IE7 и IE9

0 голосов
/ 17 февраля 2012

Я работаю над сайтом, в котором есть пара столбцов, и я некоторое время боролся с ним и, наконец, подумал, что все правильно выстроено. Я перепроверил это в Adobe BrowserLab, и все выглядело хорошо (кроме IE6 и IE7, но я только что принял это).

Я попробовал его на другом компьютере, и IE9 на компьютере, на котором я пробовал, отображал его так, как будто IE7 отображал его в BrowserLab. По сути, происходит то, что столбец «Ежедневные технические блоги» скользит вниз к нижней части страницы за пределами строки.

Не могу понять, почему. Как вы заметите в CSS, я использую display: table и display: table-cell, потому что это было единственное, что я мог получить, чтобы выстроить вещи во всех браузерах (или так я думал). Сначала я использовал DIV, но в разных браузерах они обрабатывались по-разному. Затем я попытался воссоздать его всего за <table> с, но это все испортило. Вот ссылка на мой JSFiddle:

http://jsfiddle.net/uBahh/1/

Есть мысли?

1 Ответ

0 голосов
/ 21 февраля 2012

Для моих целей я обнаружил, что лучший способ сделать это - <!--[if IE 7]><body class="ie7"><![endif]--> в верхней части кода. Затем я могу просто настроить вещи там, где я хочу, с помощью position:absolute. Хотя я обычно склонен избегать подобных хаков (и большинство людей поддержит это), это была действительно серьезная проблема в IE7, и для меня это был самый эффективный способ, а не связываться с кодом, проверенным на всех остальных. браузер.

...