Czy u Was ta strona też się tak wyświetla?

[Davide]

Cześć, zauważyłem dziwną rzecz, ostatnio wzięło mi się na wspomnienia i wszedłem na mojego bloga w którym zamieściłem mój pomysł na menu do Firefoxa 4 i zauważyłem, że wyświetla się nieprawidłowo. Mianowicie na górze strony jest duże puste pole które nawet można zaznaczyć. Na Chromie wszystko wyświetla się prawidłowo - na starszym Firefoxie (nie 71 a 70) zainstalowanym na Linuxie też wszystko ok. Tylko Windowsowy (Win7) Firefox 71 pokazuje stronę dziwnie. Do tej pory (nie jestem pewien czy do instalacji nowszej wersji przeglądarki) wszystko wyświetlało się ok.

https://ibb.co/tQfBLy5 FIREFOX (dziwnie)

https://ibb.co/7kYGzfZ CHROME (ok)

Czy u Was też tak się ten blog wyświetla ? https://davidpohl.wordpress.com/

Próbowałem przeinstalować Firefoxa, ale nic to nie dało.

[jakniejaktak]

U mnie wyświetla się poprawnie. Firefox 68.3.0 ESR.

Edit:
W Firefox 72 Beta wyświetla nieprawidłowo, tzn jest to puste pole.

[Davide]

No właśnie... Zastanawiam się czy na Firefox 71 u kogoś innego też jest jak u mnie, bo podejrzewam, że może chodzić o jakiś błąd Firefox 71. Dzięki za odp.

[dexter]

Nie wiem, czemu wyświetla się inaczej, ale tam jest taki obrazek bez źródła o wysokości 680px:

Kod: Zaznacz cały

<a href="https://davidpohl.wordpress.com/" rel="home">
      <img class="custom-header" src="" alt="" scale="0" width="1030" height="680">
</a>

[krystian3w]

IE11 to samo co Firefox 71.

Chrome, Edge 44/EdgeHTML 18 i starszy Firefox 68-70 kombinują - zaszyte coś, że jak src jest puste to ignorują wymiary? Nie wiem jak z Safari 6+ (na OS X / macOS).

Opcjonalnie ryzykowanie z zgłoszeniem buga z responsywnymi grafikami:
https://jsfiddle.net/jpz8nfxL/
tu ładnie widać, że wygrywa htmlowy rozmiar, a auto już nie zmienia go na 0.

Niby jak nie możemy usunąć z kodu elementu, to można tak próbować wymuszać zero dla IE11 i Firefox 71:

Kod: Zaznacz cały

img[src=""][height] {
      height: 0;
}

Jak łatwiej wrzucić nowy CSS niż edytować szablon lub czekać na Firefox 74 z naprawionym "defektem".

[covo]

dopiero gdy ODklikam w ff stosowanie przez www wlasnych czcionek, dam czcionki na 10, ODklikam minimalny rozmiar czcionki, to mam tak:
https://i.imgur.com/hNEv7bx.png
standardowo mam ustawienia: https://i.imgur.com/Zg1xzlm.png i wowczas www widze tak:
https://i.imgur.com/qvZ6nRo.png
- cos nie halo... *)

*) PYTANIE: jak macie ustawione tutaj? --> https://i.imgur.com/Zg1xzlm.png

[krystian3w]

Strona ładuje zdalną czcionkę Lato:

Oraz zestaw czcionek:

• -apple-system,
• BlinkMacSystemFont,
• Segoe UI,
• Roboto,
• Oxygen-Sans,
• Ubuntu,
• Cantarell,
• Helvetica Neue

Kod: Zaznacz cały

+0         davidpohl.wordpress.com   3   css   https://fonts.googleapis.com/css?family=-apple-system,BlinkMacSystemFont,%22Segoe%20UI%22,Roboto,Oxygen-Sans,Ubuntu,Cantarell,%22Helvetica%20Neue%22,sans-serif:regular,bold,italic,bolditalic|-apple-system,BlinkMacSystemFont,%22Segoe%20UI%22,Roboto,Oxygen-Sans,Ubuntu,Cantarell,%22Helvetica%20Neue%22,sans-serif:regular,bold,italic,bolditalic|
+0         davidpohl.wordpress.com   3   css   https://fonts.googleapis.com/css?family=Lato%3A400%2C400italic%2C700%2C700italic%2C900%2C900italic&subset=latin%2Clatin-ext
+0         davidpohl.wordpress.com   3   css   https://fonts.googleapis.com/css?family&subset=latin%2Clatin-ext
+0   https://davidpohl.wordpress.com/

Widać mechanizm może nie ogarnia blokowania ładowania fontów Google.

PS. nie chodzi o lukę robioną przez https://davidpohl.files.wordpress.com/2011/01/title2.png, bo ten tytuł w postaci grafiki jest wyśrodkowany w kwadracie, to zostają białe pasy na górze i na dole.

[sig]

Firefox 70.0.1 Pod Linuksem: bez problemu się wyświetla.

[covo]

Widać mechanizm może nie ogarnia blokowania ładowania fontów Google.

to znaczy...?

[krystian3w]

Pewnie mu chodzi czemu reszta stron ma zmodyfikowaną czionkę a na twojej nie.

Co do buga to niby lepiej wywalić grafikę ręcznie: https://bugzilla.mozilla.org/show_bug.cgi?id=1602047, niby bugowało się coś za mocno z proporcjami i dlatego w 71 nagle grafika stała się widoczna i ma obramowanie (resetowanie do 0 niby było zbyt szkodliwe).

[Davide]

Cześć, znowu ten sam problem na tej samej stronie - tym razem jednak wszystkie przeglądarki tak samo wyświetlają puste pole na górze strony.

Firefox, Chrome, Edge tylko Opery nie sprawdzałem bo nie mam

https://davidpohl.wordpress.com/

[dexter]

Cześć, znowu ten sam problem na tej samej stronie

Cześć, znowu ta sama odpowiedź:

Nie wiem, czemu wyświetla się inaczej, ale tam jest taki obrazek bez źródła o wysokości 680px:

Kod: Zaznacz cały

<a href="https://davidpohl.wordpress.com/" rel="home">
      <img class="custom-header" src="" alt="" scale="0" width="1030" height="680">
</a>

[Davide]

Po zgłoszeniu tego problemu po raz pierwszy po jakimś czasie naprawiono ten błąd i strona była prawidłowo wyświetlana, ostatnio problem pojawiał się tylko na Firefoxie jednak. Logowałem się do strony i nie ma tam żadnego obrazka. Pierwszy obrazek to nazwa mojego menu i nic przed nim nie ma.

[krystian3w]

Zepsuło się w Firefox 83+, możliwe że po 2 latach uznano tamto za błędną naprawę lub znowu jakaś specyfikacja namieszała.

Zakładając, że jesteś prawie jedynym blogiem z tym bugiem, to może warto opanować jak się edytuje szablony WordPress? No chyba, że blog sobie wsi bo nie masz danych logowania (brak opcji odzyskania e-mail, a support domeny spisał blog na straty).

[Davide]

Nie no wisi sobie na pamiątkę bo powstał tylko dla menu. Rzeczywiście szablonów edytować nie umiem. Da się jakoś poinformować o tym błędzie szablonu wordpress? To jeden z ich gotowych szablonów. Ewentualnie mogę wybrać jakiś inny szablon. Myślisz, że to może pomóc?

[krystian3w]

Możesz sprawdzić wersje szablonu czy nie ma nowszej i czy strona wordpress.com wymusza edycje 5.6.2 lub jakąś niższą z łatkami bezpieczeństwa:
https://wordpress.org/download/releases/, może być tak, że wydaniu 5.X.X dodali ulepszenia i od października nie było krytycznych luk z ujawnioną metodą jak zaatakować.
I na tej podstawie zobaczyć co jest dostępnego z darmowych szablonów dla danej edycji Wordpress byś nie przerabiał ręcznie szablonu z okolic 2013 na nowe standardy.

Co do zgłoszenia do twórcy szablonu (?) to możesz próbować go namierzyć, jakby nie pisało to może szablon jest typu "stock" z starego wydania lub dostępny w domenie wordpress.com.

Na Bugzilli upierają się, że Chrome 89 rezerwuje 680 pikseli (ale ramka błędu ładowania obrazu jest malutka), w Safari 14 niby będzie to odstęp około 1 linii tekstu.

[Garu]

A tam! Strona staroć. Ładnie to pokazuje Mypal na starym firefoxie: https://www.fotosik.pl/zdjecie/4d5f12d0d22ba12a

[Davide]

Nie bardzo rozumiem co mam zrobić. Sam pomysł jest stary - dla Firefoxa 4. W ogóle z blogiem miałem pecha bo wcześniej szablon był inny, ale kiedyś wszedłem na wordpressa w którym logika zarządzania się zmieniła na mało czytelną i przez przypadek zmieniłem szablon - chciałem wrócić do starego, ale tego już nie ma.

[Garu]

No właśnie - zmieniło się kodowanie, zdublowało ramkę i nowe przeglądarki po prostu nie wyświetlą strony prawidłowo. Dziwi mnie, że obrazek i treść wyświetla się prawidłowo w nowym palemoonie i modach palemoona.
Mam win10 pro i z pewnych względów potrzebuję Mypal browser.
Twoja strona jest czytelna i choć po angielsku, to niewiele się zmieniło - można tłumaczyć sobie a muzom https://www.fotosik.pl/zdjecie/442c81d2b2bd3d04
Nawet obrazki aktualne...

[Davide]

Nie no spoko - może tak sobie wyglądać, myślałem, że da się coś z tym zrobić dlatego tu napisałem. Jak nie to trudno.. Nie ma potrzeby