Я работаю над сайтом, на котором есть пара столбцов, и я какое-то время боролся с ним и, наконец, подумал, что у меня все правильно выстроено. Я перепроверил его в Adobe BrowserLab, и все выглядело хорошо (кроме IE6 и IE7, но я просто принял это).
Однако я попробовал его на другом компьютере, и IE9 на компьютере, на котором я пробовал, отобразил его так же, как IE7 отображал его в BrowserLab. По сути, колонка «Daily Tech Blogs» смещается в самый низ страницы за пределы строки.
Не могу на всю жизнь понять, почему. Как вы заметили в CSS, я использую display:table и display:table-cell, потому что это было единственное, что я мог сделать, чтобы выровнять вещи во всех браузерах (или я так думал). Сначала я просто использовал DIV, но разные браузеры обрабатывали их по-разному. Затем я попытался воссоздать его только с <table>s, но это вывело все из строя. Вот ссылка на мой JSFiddle:
Есть предположения?
