Hallo zusammen.
Ich bin neu hier und versuche gerade für eine Freundin eine Web-Site zu erstellen. hat bis jetzt auch alles gut geklappt mit den Java-Scripts und so weiter nur verzweifel ich an den umlauten. Undzwar möchte ich gerne in der Navigation ein Punkt haben der "Über Mich" heisst. Nur wenn ich im Safari oder Firefox mir die Seite angucke steht da nur "ber Mich".
Hab versucht die Codierungen zu ändern aber ohne erfolg.
Edit: Mir ist aufgefallen das, dass Problem nur in der Navigation oder Überschriften ist. Bin echt ratlos wodran das liegen kann.
Hier der Seiten Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="description" content="" />
<title>Daria Holowienko - Schauspielerin</title>
<!-- ////////////////////////////////// -->
<!-- // Start Stylesheets // -->
<!-- ////////////////////////////////// -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- ////////////////////////////////// -->
<!-- // Javascript Files // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" SRC="js/cufon-yui.js"></script>
<script type="text/javascript" SRC="js/Quicksand_Book_400.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('.title') ('.text') ('#navigation ul li', {hover: true});
Cufon.replace('div.tagline');
</script>
<script type="text/javascript" SRC="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" SRC="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(function(){
$('#slideshow').cycle({
timeout: 5000, // milliseconds between slide transitions (0 to disable auto advance)
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
pager: '#pager', // selector for element to use as pager container
pause: 0, // true to enable "pause on hover"
pauseOnPagerHover: 0 // true to pause when hovering over pager link
});
});
</script>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() {
/* for top navigation */
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').css({visibility: "hidden"});
});
});
</script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('img, #slidecontainer, #slidecontainer_inner');
</script>
<![endif]-->
</head>
<body>
<div id="top_container">
<div class="centercolumn">
<div id="top">
<div id="logo"><a HREF="index.html"><img SRC="images/logo.jpg" alt="" /></a></div>
<div id="navigation">
<ul id="nav">
<li><a HREF="index.html" class="active">Start</a></li>
<li><a HREF="index.html">über mich</a></li>
<li><a HREF="index.html">Portfolio</a></li>
<li><a HREF="index.html">Blog</a></li>
<li><a HREF="index.html">Kontakt</a></li>
</ul>
</div><!-- end nav -->
<div class="clr"></div>
</div><!-- end top -->
<div id="slidecontainer">
<!-- BEGIN SLIDE -->
<div id="slide">
<div id="slideshow">
<div class="cycle"><img SRC="images/1.jpg" alt="" class="slide_image"/>
</div><!-- end of cycle1 -->
<div class="cycle"><img SRC="images/2.jpg" alt="" class="slide_image" />
</div><!-- end of cycle2 -->
<div class="cycle"><img SRC="images/3.jpg" alt="" class="slide_image" />
</div><!-- end of cycle3 -->
</div><!-- end slideshow -->
<div id="slideshow_navigation"><div id="pager"></div></div><!-- end slideshow navigation -->
</div>
<!-- END OF SLIDE -->
</div><!-- end slidecontainer -->
<div id="maincontent">
<div id="content">
<h1 class="tagline">Ut enim ad minim veniam, quis nostrud exercitation ullamco. </h1>
</div><!-- end content -->
<div id="box_container">
<div class="box nomargin">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam, quis nostrud exercitation.Ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam, quis nostrud exercitation.</p>
</div><!-- end box -->
<div class="box">
<h2>Ut enim ad minim</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco. Laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam.</p>
</div>
<!-- end box -->
<div class="box">
<h2>Sed do eiusmod</h2>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam, quis nostrud exercitation.Sed do eiusmod tempor.</p>
</div><!-- end box -->
</div><!-- end box container -->
<div class="clr"></div>
</div><!-- end maincontent -->
</div><!-- end centercolumn -->
</div><!-- end top container -->
<div id="footer_container">
<div class="centercolumn">
<div id="foot">
<div align="right">Copyright ©2013 Daria Holowienko</div>
</div>
<!-- end foot -->
</div><!-- end centercolumn -->
</div><!-- end bottom container --></body>
</html>
Ich hoffe ihr könnt mir Helfen. 
LG DanielG