Sonderzeichen nur im Chrome falsch dargestellt

jan99 · #1 (**permalink**) 11.12.2019, 11:44

Moin!

ich habe eine kleine Auswertung mit einem HTML-Report für unseren Betrieb geschrieben.

In Firefox und im IE werden die Sonderzeichen richtig dargestellt - nur im Chrome sind diese "zerstört".

Kann mir einer sagen woran das liegen könnte?

Im Anschluss mein Kopfbereich der Datei.

Gruß Jan

HTML-Code:

<html>
  <head>
    <title>EBL Projekt2Kataster Syncronisierung</title>
<!--
Created using JS Bin
http://jsbin.com

Copyright (c) 2017 by hela (http://jsbin.com/enucas/3/edit)

Released under the MIT license: http://jsbin.mit-license.org
-->
    <style type="text/css">
      html, body {
        font-family: serif;
        font-size: 100.01%;
        background-color: white;
        color: black;
      }

      .klappText input {
        /* Transparenz ermöglicht Ansteuerung über Tastatur (HTab) */
        opacity: 0;
      }
      .klappText label {
        margin-left: -1.25em;
        color: blue;
        cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.825em;
      }
      .klappText input + label:before {
        content: '[+] mehr Informationen';
      }
      .klappText input:checked + label:before {
        content: '[-] weniger Informationen';
      }
      .klappText input:not(:checked) ~ div {
        display: none;
      }
      .klappText input:focus + label {
        /*  Markierung des fokussierten LABEL-Elements */
        background-color: blue;
        color: white;
      }

    </style>
    <!--[if lt IE 9]>
      <style type="text/css">
        .klappText input,
        .klappText label {
          display: none;
        }
      </style>
    <![endif]-->
  </head><meta charset="UTF-8" />
  <body>

Sailor56 · #2 (**permalink**) 11.12.2019, 14:50

Schreibe den Meta-Tag

HTML-Code:

<meta charset="UTF-8">

innerhalb des

HTML-Code:

<head>...</head>

Bereiches und dort am besten vor den

HTML-Code:

<title>..</title>

.
Also so

HTML-Code:

<head>
    <meta charset="UTF-8">
    <title>EBL Projekt2Kataster Syncronisierung</title>
     ...
</head>

jan99 · #3 (**permalink**) 12.12.2019, 12:05

Moin!

danke - hast mir sehr weitergeholfen.

Mich wundert nur, dass FF und IE das Problem nicht hatten.

Gruß Jan

Sailor56 · #4 (**permalink**) 12.12.2019, 12:11

Browser reagieren eben unterschiedlich auf Fehler im Code - aber mit validem Code sollten es alle richtig machen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite per link falsch dargestellt, nach f5 richtig	UUerner	CSS	2	01.04.2012 00:49
Spry Menü bar falsch dargestellt im IE	Hilltono	CSS	2	02.12.2010 23:01
Formular wird falsch dargestellt	mitch26	(X)HTML	1	06.03.2009 11:59
Navigation wird falsch dargestellt!	st0ffy	CSS	16	01.02.2008 12:30
Sonderzeichen falsch dagestellt	Cheffu	(X)HTML	3	07.01.2008 18:41