zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden HTML5 - Umlaute werden nur teilweise angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.09.2013, 11:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2013
Beiträge: 5
jelo1478 befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.09.2013, 11:21
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallöchen,

bitte nutze Code-Tags.

Viele Grüße,
lotti
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.09.2013, 11:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2013
Beiträge: 5
jelo1478 befindet sich auf einem aufstrebenden Ast
Standard Code

Hi,

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

Danke und Grüße

JeLo
Mit Zitat antworten
  #4 (permalink)  
Alt 24.09.2013, 11:45
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von jelo1478 Beitrag anzeigen
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.
Mit Zitat antworten
  #5 (permalink)  
Alt 24.09.2013, 11:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2013
Beiträge: 5
jelo1478 befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #6 (permalink)  
Alt 24.09.2013, 12:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2013
Beiträge: 5
jelo1478 befindet sich auf einem aufstrebenden Ast
Standard 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!
Mit Zitat antworten
  #7 (permalink)  
Alt 24.09.2013, 12:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2013
Beiträge: 5
jelo1478 befindet sich auf einem aufstrebenden Ast
Standard Erledigt!

Danke für die Hilfe.
Mit Zitat antworten
  #8 (permalink)  
Alt 24.09.2013, 12:34
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von jelo1478 Beitrag anzeigen
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.
Mit Zitat antworten
  #9 (permalink)  
Alt 27.11.2013, 14:31
Benutzerbild von Friedrich
Neuer Benutzer
neuer user
 
Registriert seit: 26.11.2013
Beiträge: 11
Friedrich befindet sich auf einem aufstrebenden Ast
Daumen runter 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 ...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.11.2013, 18:03
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Friedrich Beitrag anzeigen
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 ...
Magst du vielleicht abgeschlossene / verwahrloste Threads nicht mehr wieder hoch holen? Bitte, Danke.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
HTML5 Enthusiast (m/w) ictjob.de Jobs 0 28.08.2012 17:45
Ich dachte, UTF-8 garantiert Umlaute??? obo (X)HTML 8 06.08.2012 18:06
html5 Umlaute funktionieren nicht? schwarzgeviert (X)HTML 4 21.05.2010 14:49
Der Rahmen wird nur teilweise angezeigt Go-Go CSS 4 08.01.2010 15:26
faux columns werden nur teilweise angezeigt nevermind CSS 4 19.09.2008 17:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:29 Uhr.