Złe wyświetlanie strony w różnych przeglądarkach

Witam,

używam Wordpressa. Dlaczego w innych przeglądarkach, przede wszystkim w starszych wersjach strona źle się wyświetla?


Na najnowszych przeglądarkach (Chrome, Mozilla, Opera) strona poprawnie się wyświetla.


Slider obejmuje cały ekran - JEST OK!

Natomiast w MacBook Air z Sierra:


Jak widać na dołączonym screenie, slider nie wyświetla się na całym ekranie. Jest blok tekstowy "Opis portfolio", który nie powinien się wyświetlać po wejściu na stronę główną.

Nie pomogło wyczyszczenie pamięci podręcznej i cache.

Strony poprawnie się wyświetlają tylko na najnowszych przeglądarkach (Chrome, Opera, Mozilla).

Dlaczego tak się dzieje?

Hej,

zmień nazwy grafik tak by nie miały polskich znaków, wtedy wszystkie fotki będą wyświetlały się poprawnie.

Powodzenia

O matko! Jesteś genialny!!! Dziękuję.

Pozostała jeszcze kwestia wyświetlania całej fotografii w sliderze. Zdarza się, że w niektórych przeglądarkach pokazuje slider + napis "Opis portfolio". Problem dokładnie opisałem w pierwszym poście wraz z screenami.

Chciałbym, żeby na całym ekranie zawsze się wyświetlał cały slider + pasek menu, jak wchodzimy na stronę główną.

Oczywiście ustawiłem:

Kod: Zaznacz cały

.metaslider .slides img {
   height: 100vh;
   object-fit: cover;
}

Poczytałem, że trzeba chyba nadać osobne style dla przeglądarek. Jakieś prefiksy: -webkit – dotyczy przeglądarek Google Chrome, Safari, Opera. Szczerze mówiąc, nie wiem jak do tego się zabrać.

Chodzi o coś takiego:
-webkit-height: _tu samemu ustawić wartość_; ??

Mogę liczyć na wskazówkę?

Raczej o prefixy tutaj nie chodzi. Atrybut height w jednostkach vh każda przegladarka ogarnia. Spróbuj zamienić object-fit na background-size ew. To height:100vh na 100%.

Co do prefiksow to istnieją 4
-webkit-
-moz-
-ms-
-o-

Najczesciej używa się to do zabezpieczenia się np przy opacity żeby działało na starszych przegladarkach (które to obsługują) . Czyli używasz to tak:
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;

Ja mam problem z Safari. Zobacz na www.pclege.no gorna belka się rozwala

Cześć wszystkim, mam problem. Podam od razu link do strony, którą się zajmuje www.joannakrasinska.pl
Już mówię o co chodzi. Korzystałem z wtyczki Elementor do stworzenia tej strony jednak pracowałem na przeglądarce Safari a jak sprawdzam stronkę na innych przeglądarkach to nie wyświetlają się żadne grafiki. Może mi ktoś pomóc z tym mankamentem?

Próbowałem wkleić kod CSS do sekcji "Dostosuj" --> "Dodatkowy CSS" w panelu administratora strony ale nic nie pomogło.
Kod CSS:

@media screen and ( -webkit-min-device-pixel-ratio: 0 ) {
section.elementor-section {
-webkit-transform: translate3d( 0, 0, 0 );
transform: translate3d( 0, 0, 0 );
}
}

Problem leży po stronie przekierowania w pliku .htaccess oraz braku zmiany ścieżek w bazie danych.

Po pierwsze musisz w pliku .htaccess wymusić przekierowanie na HTTPS z HTTP, a za pomocą narzędzie search and replace zmienić zapisy w bazie danych dla adresów http://www.joannakrasinska.pl na https://www.joannakrasinska.pl oraz http://joannakrasinska.pl na https://joannakrasinska.pl