Problem w wyświetlaniu strony na przeglądarce IE

[mbp_it]

Proszę o pomoc w poprawieniu wyświetlania strony na przeglądarce IE, chodzi o brak białego tła pod artykułami. Pokazuje się tylko w lewym górnym rogu mały biały prostokąt.
Na przeglądarkach Chrome, Firefox, i innych wyświetla się poprawnie.
Wersja J! 3.8.1 , szablon stąd: https://dostepny.joomla.pl/
Link do mojej testowej strony: https://nowa.mbpwlodawa.pl/

[moje]

Której wersji IE?

[mbp_it]

IE 11

[moje]

Jak dobrze pamiętam, to ma ona narzędzia developerskie, więc jesteś w stanie zlokalizować to miejsce w kodzie.

[mbp_it]

Dokładnie, za wyświetlanie tła w tym miejscu odpowiada:

#jm-maincontent {
background: #FFF;
padding: 20px;
box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.04), 0 0px 25px 0 rgba(0, 0, 0, 0.04);
height:auto;
overflow:auto;
}

[zwiastun]

Normalka. IE nawet jak już podobno obsługuje standard HTML5, to tak, jak chce.
Wyedytuj plik templates/twoj_szablon/tpl/blocks/main.php.
Odszukaj:


<main id="jm-maincontent" role="main">

<jdoc:include type="component" />

</main>

i zmień na


<div id="jm-maincontent" role="main">

<jdoc:include type="component" />

</div>

[mbp_it]

Bardzo dziękuję, teraz wyświetla się poprawnie.

[moje]

Lepszym rozwiązaniem byłoby dodanie kodu CSS:

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
Którego nie wiedzieć czemu Twój szablon nie posiada, a powinien.
Możesz cofnąć zmianę z main na div.

[zwiastun]

@moje: owszem, to też jest rozwiązanie. Tyle, że dla IE 11 teoretycznie zbędne, bo IE 11 HTML5 obsługuje. I dlatego takiej reguły w CSS szablonu nie ma. Czasy, w których trzeba obsługiwać - sory za wyrażenie - gównianą przeglądarkę, na szczęście i raczej bezpowrotnie minęły.