Как проверить поддерживает ли display: table браузер?

Question

[Станислав]

Можно ли как то проверить поддерживает ли браузер display: table, display: table-row, display: table-cell?

Answer 1

[Алексей Уколов]

В Modernzr реализована вот такая проверка: pastebin.com/Gk9PeVaQ

spoiler

(function() {
        var displayTests = ["table", "table-caption", "table-cell",
        "table-column", "table-column-group", "table-footer-group",
        "table-header-group", "table-row", "table-row-group"];
       
        var rules = document.createElement("div").style;
 
        for (var c=0; c<displayTests.length; c++) {
                var testValue = displayTests[c];
                Modernizr.addTest("display" + testValue, function() {
                        try {
                                rules.display = testValue;
                                return rules.display == testValue;
                        } catch (e) {
                                return false;
                        }
                })
        }
}());

Но это свойство не поддерживается только в самых-самых страшных динозаврах: caniuse.com/#feat=css-table
Соответственно, вам нужно нахакать определение IE6-7 и FF2.
Но если очень хорошо подумать: может, хрен с ними?

Comments

[Станислав]

так то да, можно и забить, но с другой стороны шаблон поедет в случае чего ))) Хотелось бы добавить новый класс если нет поддержки, но вот как узнать это, я понять не могу =)

[Алексей Уколов]

А вашему проекту реально требуется поддержка динозавров? Эту поддержку готовы оплачивать?

[Максим Тимофеев]

Станислав: Люди использующие старые браузеры ничего не покупают в интернете. Попытка угодить им - бессмысленный труд. Это не целевая аудитория для любого проекта.

[Олег С]

Станислав: поддержка 7го ишака(8го тоже, а в 90% случаев и 9го) - не имеет никакого смысла, если даже кто-то зайдет с этого ужаса вместо сайта покажи ссылки на хром и фаерфокс и забей