Da ich auf einer Website mehrere Sprachen verwende (via gettext), wollte ich diese einfacherweise als UTF-8 ausliefern. Also hab ich die Dateien nach UTF-8 (mit BOM) umgewandelt und gebe das Encoding:
HTML-Code:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
mit.
Die Seite hat eine fixe Breite durch ein Wrapper-div (Breite 960 Pixeln).
In Opera und dem IE7 hat sich nichts verändert nach der Umstellung des Encodings, aber im Firefox ist die ganze Mittelspalte um ca. 11 Pixel nach unten gerutscht. siehe:
http://www.tomthong.de/firefox3fehler.png
Man kann das über dem verschobenen auch markieren, d.h. es muss irgendwie ein Zeilenumbruch reingekommen sein, den ich nicht rauskriege.
So sieht der Source am Anfang aus:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<? include('localization.php'); ?>
<html>
<head>
<title>Project-Clix</title>
<meta http-equiv="content-type" content="text/html; charset=ISO 8859-1">
<style type="text/css" media="screen">@import "/styles/style.css";</style>
<style type="text/css" media="screen">@import "/styles/tabs.css";</style>
<!--[if lte IE 6]>
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="titelleiste">
<div id="sprachauswahl">
<a href="index.php?locale=en_US"><img src="images/flag_english.gif" class="sprachen" alt="English" ></a>
<a href="index.php?locale=de_DE"><img src="images/flag_german.gif" class="sprachen" alt="German" ></a>
</div>
<div id="login">
<form id="loginform" method="post" action="login.php" name="loginform">
<label>Username <input id="username" class="text" type="text" value=""></label>
<label>Password <input id="password" class="text" type="password" value=""></label>
<input id="login-submit" type="submit" value=" " name="login-submit">
</form>
<span class="register">| <a id="register" href="register.php">Register</a></span>
</div>
</div>