|
|||
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> |
Sponsored Links |
|
||||
Hallöchen,
bitte nutze Code-Tags. Viele Grüße, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
Sponsored Links |
|
|||
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! |
|
||||
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 ...
|
Sponsored Links |
|
||||
Zitat:
__________________
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? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |