Problem z wyświetlaniem strony w Google Chrome oraz IE

[kovu]

Witam wszystkich.

 

Zetknąłem się z dosyć nietypowym problemem. Strona niepoprawnie się wyświetla w Chromie oraz IE, a poprawnie w Firefoksie (Prestashop w wersji 1.5.4.1). Link tutaj - http://kovu.website.pl/darman/v2. Wygląda to tak, jakby w ogóle nie były ładowane style szablonu, na którym oparty jest ten projekt. Strona jest całkowicie "rozjechana".

 

Co jest dosyć zaskakujące, wcześniejsza wstępna wersja tego projektu (http://kovu.website.pl/darman/v1) poprawnie się wyświetla we wszystkich przeglądarkach. Jako że cały czas pracuję w Firefoksie, nie jestem w stanie znaleźć momentu, po którym projekt zaczął się niepoprawnie wyświetlać w innych przeglądarkach. Pomiędzy jedną a drugą wersją projektu było wprowadzane dosyć sporo zmian w stylach strony, były również wprowadzane poprawki w niektórych plikach tpl szablonu. Niestety było ich na tyle dużo, że nie wiem która zmiana okazała się kluczowa. Czy może ktoś zetknął się już z podobnym problemem i wie co jest przyczyną takiego zachowania strony w Chromie i IE? Będę bardzo wdzięczny za każdą podpowiedź.

[vekia]

usuń te pliki:

GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcart/blockcart.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcurrencies/blockcurrencies.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockmanufacturer/blockmanufacturer.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockuserinfo/blockuserinfo.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocksearch/blocksearch.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcms/blockcms.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocklink/blocklink.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocktopmenu/css/superfish-modified.css 404 (Not Found) 

są one puste, więc możesz je usunąć bez obaw.

[kovu]

usuń te pliki:

GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcart/blockcart.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcurrencies/blockcurrencies.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockmanufacturer/blockmanufacturer.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockuserinfo/blockuserinfo.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocksearch/blocksearch.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blockcms/blockcms.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocklink/blocklink.css 404 (Not Found) (index):27
GET http://kovu.website.pl/darman/v2/themes/theme480/css/modules/blocktopmenu/css/superfish-modified.css 404 (Not Found) 

są one puste, więc możesz je usunąć bez obaw.

 

Pliki usunąłem, ale nic to nie zmieniło. Takie same puste pliki są również tu - http://kovu.website.pl/darman/v1/, a tutaj wszystko działa ok. Jeszcze jakiekolwiek inne sugestie?

[vekia]

różnica jest taka, że global.css z tego niedziałającego szablonu nie zawiera styli które są w global.css w tym działającym.

puste pliki w tym niedziałającym szablonie blokują ładowanie oryginalnych plików z modułów, stąd w efekcie nie ma nic - ani styli w global.css, ani w plikach css modułów bo są puste i blokują ładowanie oryginalnych.

[kovu]

różnica jest taka, że global.css z tego niedziałającego szablonu nie zawiera styli które są w global.css w tym działającym.

puste pliki w tym niedziałającym szablonie blokują ładowanie oryginalnych plików z modułów, stąd w efekcie nie ma nic - ani styli w global.css, ani w plikach css modułów bo są puste i blokują ładowanie oryginalnych.

 

 

Hmm.. Skąd ten wniosek, że plik global.css nie zawiera styli? Plik global.css z obydwu wersji różnią się nieznacznie. Pliki css dla modułów z obydwu wersji nie różnią się wcale.

 

Wydaje mi się, że ten trop chyba jednak nie jest dobry... Poza tym jeżeli tak jak przypuszczasz byłaby to wina pliku global.css, to dlaczego strona wyświetla się poprawnie w FF?

Edited April 17, 2014 by kovu (see edit history)

[vekia]

a no stąd, że skopiowałem style z działająej strony i efekt jest taki:

 

czyli coś gdzieś ze stylami w global.css nie gra tak jak trzeba

[kovu]

Rzeczywiście, masz rację.... Jak widać problem nie jest zbyt skomplikowany, choć jego naprawa będzie dla mnie dosyć czasochłonna. Trochę tych styli zmieniałem, ale przynajmniej teraz wiem gdzie szukać. Wielkie dzięki za pomoc, zasłużone piwo dla Ciebie 

 

Pozdrawiam

 

 

Edit: Znalazłem - przyczyna była prozaiczna, jeden niezamknięty nawias klamrowy w definicji styli. Brakowało domknięcia w czymś takim:

 

/* firefox padding fix for input tag */
@-moz-document url-prefix() {
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {}
}  <- tego nawiasu brakowało
 

 

Cóż, na wskutek nieuwagi musiałem go w którymś momencie wykasować i pojawił się problem. Mam nadzieję, że w przyszłości komuś to pomoże, jeżeli zetknie się z podobnymi objawami. Problem rozwiązany, temat można zamknąć.

Edited April 17, 2014 by kovu (see edit history)