IE 11 не отображает контактную форму 7 формы в WordPress

Question

Я дизайнер веб-сайта, полностью потерянный на , почему моя контактная форма 7 форм вообще не отображаются в WordPress:

https://ahaproperties.com/wp/summerhill-woods-apartments/summerhill-woods-contact-us/

Я попытался включить режим совместимости с IE 7 (о котором я узнал из другого поста), поместив его в заголовок: ''

Но затем IE дал мне эту ошибку: Не удалось получить свойство 'prototype' с неопределенной или нулевой ссылкой.

Я вижу форму в исходном коде ... но как решить, чтобы она отображалась в браузере? Все отлично выглядит во всех других браузерах. Заранее спасибо.

Answer 1

Ниже работает сразу.Я поместил это в «Настроить» и «Дополнительный CSS» в Wordpress:

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

.wpcf7-form fieldset {
display: table-cell;
}

Answer 2

В таблице стилей с именем g1-screen.css, строка 378, у вас есть это:

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: table-column; min-width: inherit; }

Internet Explorer 11 не поддерживает display: table-column (равно как и IE 10, IE 9 или IE 8 в соответствии с этот ответ ).

Измените его на:

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: table-cell; min-width: inherit; }

или:

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: block; min-width: inherit; }

, и оно будет работать.

Кроме того, вы также можете добавить следующий фрагмент CSS в таблицу стилей вашей темы, чтобы изменить только то, как отображаются наборы полей CF7:

.wpcf7-form fieldset {
    display: table-cell;
}