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 & 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- & 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 © 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> |
Hallöchen,
bitte nutze Code-Tags. Viele Grüße, lotti |
Code
Hi,
wie ist der code tag? Ich habe nichts gefunden... Danke und Grüße JeLo |
Zitat:
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. |
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! |
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! |
Erledigt!
Danke für die Hilfe.
|
Zitat:
|
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:
|
Zitat:
|
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