Chrome a problém se zobrazením stránky

9. 11. 2012 09:57:00

Zdravím všechny,

na projektu www.tucnaktom.cz (jedoucím na Wordpressu) řeším zajímavý problém - když si zobrazíte detail článku v Opěře, vše je v pořádku. Když si jej ovšem zobrazíte v Chrome, nahoře, nad hlavičkou je kus místa, jakoby padding a pozadí, které se má v ose-x repeatovat se neopakuje. Pod Operou ale vše jede bez problému.

Tady je to dobře vidět http://www.tucnaktom.cz/2012/jak-to-zacalo-s-pani-sosnarovou/

Netuší někdo, v čem by mohl být problém? Nějaký "prázdný znak" nebo tak něco? Nic jsem nenašel a už nevím, co a kde hledat.

Díky moc všem!

9. 11. 2012 09:57:00

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829679

cinester

(3 hodnocení)

9. 11. 2012 10:06:25

Mozno je to tym animovanym tucniakom co zmurka ocami. Ten biely pas sa zobrazuje aj v IE 8, navyse tie zmurkajuce oci su vpravo, uplne mimo.

9. 11. 2012 10:06:25

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829678

F1eldy

(2 hodnocení)

9. 11. 2012 10:12:58

Máš špatnou cestu k jQuery.

9. 11. 2012 10:12:58

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829677

Lukáš

(9 hodnocení)

9. 11. 2012 10:20:07

Napsal F1eldy;868176
Máš špatnou cestu k jQuery.

wow - díky. Opraveno, nicméně - problém to nevyřešilo :(

9. 11. 2012 10:20:07

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829676

F1eldy

(2 hodnocení)

9. 11. 2012 10:23:47

Problém na řádku 144, není definován Cufon viz Uncaught ReferenceError: Cufon is not defined

9. 11. 2012 10:23:47

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829675

Lukáš

(9 hodnocení)

9. 11. 2012 10:28:22

Napsal F1eldy;868184
Problém na řádku 144, není definován Cufon viz Uncaught ReferenceError: Cufon is not defined

Opraveno ;) Pořád to ale neřeší problém

9. 11. 2012 10:28:22

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829674

Pavel Kubas

(40 hodnocení)

9. 11. 2012 13:13:41

U postižených stránek je před

nějaký znak navíc, což rozhodí celou stránku.

9. 11. 2012 13:13:41

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829673

Lukáš

(9 hodnocení)

9. 11. 2012 13:22:52

Napsal Pavel Kubas;868223
U postižených stránek je před <!DOCTYPE html>
nějaký znak navíc, což rozhodí celou stránku.

Hmm ... vážně? Otevírám to v Dreamweaveru, Notepadu, PSPadu, Firebug a nic - žádný znak tam nevidím.

9. 11. 2012 13:22:52

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829672

Martin

(62 hodnocení)

9. 11. 2012 13:30:14

A nemáš to ten script uložený UTF-8 s BOM. To přidává na začátek scriptu nějaký neviditelný znaky a může to zlobit.

9. 11. 2012 13:30:14

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829671

Pavel Kubas

(40 hodnocení)

9. 11. 2012 13:31:04

Napsal Lukáš Jakubíček;868226
Hmm ... vážně? Otevírám to v Dreamweaveru, Notepadu, PSPadu, Firebug a nic - žádný znak tam nevidím.

V Komodu je vidět. Řešením je přepsat ten začátek v šabloně pro příspěvek.

9. 11. 2012 13:31:04

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829670

Jakub Weber

(4 hodnocení)

9. 11. 2012 15:15:49

Letmo jsem se koukl, vypadá to na problém s logem a jeho H1...

Chrome tam má nastavené nějaké nativní styly - user agent stylesheet -webkit-margin-before: 0.67em; a -webkit-margin-after: 0.67em;

ale to bylo jen tak na rychlo kouknutí.

9. 11. 2012 15:15:49

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829669

Lukáš

(9 hodnocení)

9. 11. 2012 16:33:46

Napsal KUba_;868265
Letmo jsem se koukl, vypadá to na problém s logem a jeho H1...
Chrome tam má nastavené nějaké nativní styly - user agent stylesheet -webkit-margin-before: 0.67em; a -webkit-margin-after: 0.67em;

ale to bylo jen tak na rychlo kouknutí.

Mno ale to by dělalo všude - h1 mám všude, csska taky připojuji všude stejný. Na jiné stránce než detail článku mi to nedělá

9. 11. 2012 16:33:46

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829668

Nishkam

(3 hodnocení)

9. 11. 2012 16:50:08

Mne se zda byt divna tato cast:

Kdyz si dam v chrome Inspect element, tak ten zdrojovy text vidim uplne jinak. Mozna se to prepisuje nejakym javascriptem. Hned za nejake 2 divne uvozovky.

hth

9. 11. 2012 16:50:08

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829667

Lukáš

(9 hodnocení)

9. 11. 2012 17:22:16

Napsal nishkam;868307
Mne se zda byt divna tato cast:
 <html lang="en" class="no-js">  <html dir="ltr" lang="cs-CZ">
Kdyz si dam v chrome Inspect element, tak ten zdrojovy text vidim uplne jinak. Mozna se to prepisuje nejakym javascriptem. Hned za nejake 2 divne uvozovky.
hth

wow - opravdu, je to ono. Ty dva znaky. Ale absolutně nemám ponětí, kde se tam vzaly - hlavička mám includem na všechny další stránky ...:(

9. 11. 2012 17:22:16

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829666

Pavel Kubas

(40 hodnocení)

9. 11. 2012 23:01:49

Napsal Lukáš Jakubíček;868313
wow - opravdu, je to ono. Ty dva znaky. Ale absolutně nemám ponětí, kde se tam vzaly - hlavička mám includem na všechny další stránky ...:(

Jak jsem již psal a jak psal i KejliCZ - máte na začátku UTF-8 znak (v tomhle případě BOM) - vzniká to uložením UTF-8 textového souboru ve Windows (třeba v Notepadu).

To, co vidíte v Developer Tools (Inspect element), je interpretace kódu Chromem - ty dvě uvozovky ohraničují právě BOM, který je jako "text" zařazen až za tag body (za ním teprve celý obsah tagu head).

Jestliže jde o Wordpress a chyba se objevuje pouze u příspěvků (ne u stránek), BOM se asi dostal na začátek souboru single.php.

Jeho odstraněním by problém měl zmizet (buď jej smazat - jde to, i když "není vidět", nebo uložit soubor v editoru, který umí ukládat UTF-8 soubory bez BOMu).

9. 11. 2012 23:01:49

https://webtrh.cz/diskuse/chrome-a-problem-se-zobrazenim-stranky#reply829665