XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   HTML5 - Umlaute werden nur teilweise angezeigt (http://xhtmlforum.de/showthread.php?t=70052)

jelo1478 24.09.2013 11:15

HTML5 - Umlaute werden nur teilweise angezeigt
 
Hallo, ich habe das Problem dass Umlaute (ä und ö) auf der Seite nur teilweise, also in manchen Bereichen, richtig angezeigt werden. Im mittleren Bereich sind sie weg. Unter das ü bei unterstützen wird angezeigt. Das Dokument ist in UTF8 gespeichert. Ich hatte es auch schon mit der ISO Codierung für Sonderzeichen und Umlaute versucht, dies ohne Erfolg. Hier der Code:


<!DOCTYPE html>
<html lang="de">
<head>
<title>JeLo Event GmbH - event. marketing. lösungen.</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Kozuka_Gothic_Pro_OpenType_300.font.js" type="text/javascript"></script>
<script src="js/Kozuka_Gothic_Pro_OpenType_500.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script src="js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.carousel .jCarouselLite').jCarouselLite({
btnNext: '.carousel .next',
btnPrev: '.carousel .prev',
speed: 600,
easing: 'easeOutQuart',
vertical: false,
circular: false,
visible: 4,
start: 0,
scroll: 1
});
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page1">
<!--==============================header============== ===================-->
<header>
<div class="menu-row">
<div class="main">
<nav class="wrapper">
<ul class="menu">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="event.html">Event</a></li>
<li><a href="marketing.html">Marketing</a></li>
<li><a href="food.html">Eventfood</a></li>
<li><a target="_blank" href="http://www.fredenhagen.de/">Eventhalle</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</nav>
</div>
</div>
<div class="row-bot">
<div class="row-bot-bg">
<div class="main">
<div class="wrapper p6">
<h1><a href="index.html">JeLo</a></h1>
<h2>event. marketing. lösungen.</h2>
</div>
<div class="slider-wrapper">
<div class="slider">
<ul class="items">
<li>
<img src="images/slider-img1.jpg" alt="">
</li>
<li>
<img src="images/slider-img2.jpg" alt="">
</li>
<li>
<img src="images/slider-img3.jpg" alt="">
</li>
</ul>
</div>
</div>
<div class="wrapper">
<figure class="img-indent2"><img src="images/page1-img1.png" alt=""></figure>
<div class="extra-wrap">
<strong class="text-1">"Erfolgreiche Events entstehen durch die erlebten Emotionen Ihrer Gäste und Mitarbeiter."</strong>
</div>
</div>
</div>
</div>
</div>
</header>

<!--==============================aside=============== =================-->
<aside>
<div class="carousel">
<a class="prev"></a>
<a class="next"></a>
<div class="carousel-container">
<h3>Impressionen</h3>
<div class="jCarouselLite">
<ul class="carousel-list">
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img2.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img3.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img4.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img5.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img6.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img7.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img8.jpg" alt="" /></a>
</div>
</li>
<li>
<div class="img-border">
<a href="#"><img src="images/page1-img9.jpg" alt="" /></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</aside>

<!--==============================content============= ===================-->
<section id="content"><div class="ic">JeLo</div>
<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<h3 class="prev-indent-bot">JeLo Event &amp; Marketing</h3>
<h6 class="p1">Event & Marketing seit 1989</h6>
<p class="img-indent-bot">Seit über 20 Jahren konzipieren und organisieren wir Veranstaltungen, Tagungen und Marketing-Aktionen aller Art für Kunden aus ganz Europa. Unser Instrumentarium reicht dabei vom klassischen Eventhandwerk bis zu den neuesten multimedialen Technologien unserer Zeit.<br><br>Seit über 10 Jahren sind wir auch im Food-Bereich als spezieller Lieferant für Eventfood-Spezialitäten tätig.</p>
</article>
<article class="grid_4">
<div class="indent-left">
<h3 class="p1">Schwerpunkte</h3>
<ul class="list-1">
<li>Kundenveranstaltungen</li>
<li>Produktpräsentationen</li>
<li>Mitarbeiterveranstaltungen</li>
<li>Pressekonferenzen</li>
<li>Messe-Support</li>
<li><a target="_blank" href="http://www.jelo.de/files/jelo_green_events.pdf">Green Events & Meetings</a></li>
<br>
<li>Veranstaltungssicherheit</li>
<li>Veranstaltungsinfrastruktur</li>
<li>Nachhaltige Veranstaltungen</li>
<li>Media- &amp; IT-Lösungen</li>
</ul>
</div>
</article>
<article class="grid_4">
<div class="indent-left2">
<h3>Tipp</h3>
<figure class="prev-indent-bot"><img src="images/page1-img10.jpg" alt=""></figure>
<h6 class="p1">Green Meetings & Events</h6>
<p class="img-indent-bot"> Gerne unterstützen wir Sie zur klimaneutralen Umsetzung Ihres Projektes. Von der Beratung bis hin zum <a target="_blank" href="http://www.jelo.de/files/jelo_green_events.pdf">zertifizierten</a> CO2-Ausgleich.</p>
</div>
</article>
</div>
</div>
</div>
</section>

<!--==============================footer============== ===================-->
<footer>
<div class="main">
<div class="aligncenter">
<p class="p0">JeLo Event GmbH &copy; 2013 </p>
<a href="http://www.jelo.de/" target="_blank" rel="nofollow">www.jelo.de</a>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function(){
$('.slider')._TMS({
duration:800,
easing:'easeOutQuad',
preset:'diagonalExpand',
slideshow:5000
})
})
</script>
</body>
</html>

lottikarotti 24.09.2013 11:21

Hallöchen,

bitte nutze Code-Tags.

Viele Grüße,
lotti

jelo1478 24.09.2013 11:38

Code
 
Hi,

wie ist der code tag? Ich habe nichts gefunden...

Danke und Grüße

JeLo

protonenbeschleuniger 24.09.2013 11:45

Zitat:

Zitat von jelo1478 (Beitrag 533813)
Hallo, ich habe das Problem dass Umlaute (ä und ö) auf der Seite nur teilweise, also in manchen Bereichen, richtig angezeigt werden. Im mittleren Bereich sind sie weg. Unter das ü bei unterstützen wird angezeigt. Das Dokument ist in UTF8 gespeichert.

Das alles hat mit HTML5 gar nichts zu tun, du hast ein Kodierungsproblem.

Dafür kann es viele Ursachen geben. Zuerst musst du klären, in welcher Kodierung dein Dokument angezeigt wird. Dazu musst du z.b. im Firefox im Kontextmenü "Seiteninformationen enzeigen" auswählen. Dann musst du rausfinden in welcher Kodierung die falschen Zeichen sind, dazu müßte man die falsche Darstelung sehen. Dann kann man sich an die Behebung des Problems machen.

Dein HTML Quellcode ist für dieses Problem erstmal unerheblich.

jelo1478 24.09.2013 11:51

Erstmal danke.

Ich habe die Seite mal komplett auf den 1&1 Server von uns hochgeladen:

JeLo Event GmbH - event. marketing. lösungen.

Nur weiss ich nicht wie ich hier den Fehler erkennen kann...

Nochmals Danke!

jelo1478 24.09.2013 12:05

Kann es die Schriftart sein?
 
Ich glaube für den mittleren Teil wird über js eine andere Schriftart eingesetzt. Kann das der Grund sein? Und wenn ja, wie kann ich der Schriftart beibringen das wir in Deutschland Umlaute lieben?

Die Seite ist ein Template.

Danke!

jelo1478 24.09.2013 12:19

Erledigt!
 
Danke für die Hilfe.

protonenbeschleuniger 24.09.2013 12:34

Zitat:

Zitat von jelo1478 (Beitrag 533817)
Ich habe die Seite mal komplett auf den 1&1 Server von uns hochgeladen:

JeLo Event GmbH - event. marketing. lösungen.

Nur weiss ich nicht wie ich hier den Fehler erkennen kann...

Ich auch nicht, die Seite ist leer.

Friedrich 27.11.2013 14:31

Schade, Schade ...
 
Dieses Problem hat mich naemlich auch schon des oefteren beschaeftigt. Loesungen die in einem Fall funktionieren, klappen im anderen wiederum nicht mehr ... seltsames HTML ! - Aber wahrscheinlich uebersehe eher ich den einen oder anderen Befehl, denn Rechner sind ja eigentlich tieflogisch ... :oops:

Thielo 27.11.2013 18:03

Zitat:

Zitat von Friedrich (Beitrag 535399)
Dieses Problem hat mich naemlich auch schon des oefteren beschaeftigt. Loesungen die in einem Fall funktionieren, klappen im anderen wiederum nicht mehr ... seltsames HTML ! - Aber wahrscheinlich uebersehe eher ich den einen oder anderen Befehl, denn Rechner sind ja eigentlich tieflogisch ... :oops:

Magst du vielleicht abgeschlossene / verwahrloste Threads nicht mehr wieder hoch holen? Bitte, Danke.


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:37 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023