Avatar billede webweaver Praktikant
06. september 2009 - 16:39 Der er 18 kommentarer og
1 løsning

Ændring af design ved UTF-8

Hej folkens.

Jeg oplever et spøjst problem for tiden, som jeg ikke har været ude for før. Jeg har netop gemt mine sider på et site jeg er igang med at lave som UTF-8 via Notesblok. De stod til ANSI før. Det er også fint nok, det virkede fint. - Ja pånær lige en side, der ændrer den på designet? Og jeg fatter ikke hvorfor!

Hvis I kigger her, http://www.lasse-jensen.dk/newSite og går ind under Guestbook, vil I kunne se at sitet ikke er centreret. Hvis jeg ændrer den tilbage til ANSI igen via notesblok, bliver sitet centreret som det skal. Der er som sagt ikke problemer med de andre sider.

Har I nogle ideer til hvad problemet kunne være?
Kan ikke umiddelbart se problemet selv p.t.

På forhånd tak og fortsat god weekend :)

Mvh. Lasse Jensen
Avatar billede olebole Juniormester
06. september 2009 - 16:57 #1
<ole>

Hvis du kikker i View -> Source, kan du se, der står et ukendt tegn før DTD'en. Det er muligvis noget BOM ( http://en.wikipedia.org/wiki/Byte-order_mark ), som Notepad ikke fjerner.

Prøv Notepad++:
    http://notepad-plus.sourceforge.net/uk/site.htm

Her kan du via Formater menuen vælge at gemme uden BOM.

/mvh
</bole>
Avatar billede olebole Juniormester
06. september 2009 - 17:00 #2
PS: Du kan prøve at skrive dette i adresselinjen i IE, når du står på gæstebogsiden og trykke Enter:

java script:alert(document.compatMode)


Så vil du få returneret backCompat, hvilket betyder, at IE er gået i quirks mode - og ikke understøtter store dele af CSS. Det sker, når der står noget før DTD'en  ;o)
Avatar billede olebole Juniormester
06. september 2009 - 17:01 #3
Hmmmm ... den squide Eksperten-fejl! I koden ovenfor skal javascript stå i ét ord. Det kan E ikke finde ud af, når der kommer et kolon efter  :o|
Avatar billede webweaver Praktikant
06. september 2009 - 17:07 #4
Umiddelbart kan jeg ikke se noget tegn før DTD hos mig.
Men jeg kan se en tom linie. Den har jeg fjernet uden resultat.

Det skal siges at jeg rent faktisk har noget før DTD. Der ligger noget PHP scripting, men det er slet ikke noget som bliver printet ud på skærmen, så ved ikke hvad det burde have af betydning.

Dit JavaScript kan jeg ikke lige få til at fungere :)

Men jeg vil da lige prøve at gemme uden BOM så til at starte med, og se hvad det gør :)
Avatar billede webweaver Praktikant
06. september 2009 - 17:08 #5
Ja det virker bedre i eet ord kan jeg se :)
Avatar billede webweaver Praktikant
06. september 2009 - 17:13 #6
Det er ikke BOM der er problemet. Har gemt det uden via Dreamweaver. (fri for at installere Notepad++ så). Det er grundet det PHP jeg har liggenede i toppen før DTD'en. Hvis jeg fjerner det, virker det fint.

Hvorfor har UTF-8 indflydelse på det? Og hvad kan man gøre for at rette problemet? Det drejer sig blandt andet om noget session_start(); etc.. som skal ligge i toppen af filen.
Avatar billede webweaver Praktikant
06. september 2009 - 17:16 #7
Nu lidt nærmere en løsning.
PHP'en kan blive før DTD'en. Ingen problemer længere.

Jeg includede samtidig en fil deroppe med noget mysql connection i. Den havde jeg også gemt som UTF-8. Hvis jeg gemmer den som ANSI virker det. Det burde heller ikke være nødvendigt at have den som UTF-8, da den bliver included i et dokument som allerede er det, og dermed vil den vel også blive det eller hvordan?
Avatar billede olebole Juniormester
06. september 2009 - 17:22 #8
Du har helt tydeligt nogle andre problemer. Hvis du bruger utf-8, skal du bruge utf-8 overalt - og alle dokumenter skal være gemt som utf-8.

Når der er forskel på, om du bruger utf-8 eller iso-8859-1 - og IE udskriver et sært tegn og FF en tom linje, er det helt sikkert, der bliver skrevet noget  ;o)
Avatar billede olebole Juniormester
06. september 2009 - 17:26 #9
Husk også, at en tom linje i en fil


- her
<?php

?>
- eller her



- også er 'tekst/indhold'. Også når dokumentet inkluderes
Avatar billede webweaver Praktikant
06. september 2009 - 19:42 #10
Den tomme linie var pågrund af luft i PHP'en.
Så det fjernede jeg bare.

Jeg ser stadig ingen mærkelige tegn.
Hverken i IE eller FF. Ser du det stadig?

Okay, jamen så ændrer jeg include filen tilbage til UTF-8.
Så har vi bare problemet igen. Prøver at gemme alle filer som hentes ind i guestbook uden BOM.
Avatar billede webweaver Praktikant
06. september 2009 - 19:52 #11
Ingen forandring. Problemet er der stadig, så snart jeg gemmer den includede fil som UTF-8. Alle filer er gemt med dette tegnsæt nu.

Men det har helt klart noget at gøre med den include.
Problemet forsvinder når jeg fjerner den. Men kan sgu ikke se hvorfor!
Avatar billede zips Juniormester
06. september 2009 - 21:32 #12
Her kan du se hvilket tegn jeg får med vis kilde på din side, før din doctype.
http://zips.be/exp/images/lasse1.jpg

En anden måde jeg kan få et tegn frem før din doctype på din side, er i FF 3.5 brug vis kilde, kopier det hele, åben notepad og indsæt det, nu er der kommet et tegn lige før din doctype.
Avatar billede olebole Juniormester
06. september 2009 - 21:44 #13
Aheeem ...  =)
    http://validator.w3.org/check?uri=http%3A%2F%2Flasse-jensen.dk%2FnewSite%2Fguestbook.php&charset=(detect+automatically)&doctype=Inline&group=0&ss=1&verbose=1

*Bom-Bom-Bom*  ;o)
Avatar billede webweaver Praktikant
07. september 2009 - 20:26 #14
Det lader til at det var BOM der drillede.
Fik det vidst fjernet nu. Det ser ihvertfald rigtig nok ud.
Hvordan ser det ud hos Jer nu? :)

Jeg har dog på intet tidspunkt kunne se nogle tegn før DTD'en. Hverken i IE eller FF underligt nok.
Avatar billede webweaver Praktikant
07. september 2009 - 20:31 #15
Jeg kunne egentlig godt lige tænke mig at vide lidt omkring BOM.
Har aldrig sat mig meget ind i det. Før nu ihvertfald.

Bør man gemme sine dokumenter med eller uden? - Hvorfor?
Hvilken forskel gør det?
Avatar billede olebole Juniormester
07. september 2009 - 20:55 #16
Undgå at gemme med BOM - og læs Wikipedia artiklen, jeg linkede til i #1. Der er en del links, der fører videre.

Det ser fint ud her  =)
Avatar billede webweaver Praktikant
07. september 2009 - 21:35 #17
Fornemt. Du kan også smide et svar her :)
Det er godt jeg har dig Ole. hehe

Selvfølgelig også tak for din respons Zips.
Avatar billede olebole Juniormester
08. september 2009 - 00:40 #18
;o)
Avatar billede olebole Juniormester
08. september 2009 - 21:00 #19
Tak for points  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester