Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 08.02.2009, 22:02
Hedge Hedge ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2009
Beiträge: 2
Hedge befindet sich auf einem aufstrebenden Ast
Standard Firefox 3 - Abstand nach oben falsch seit Umstellung auf UTF-8

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>
Mit Zitat antworten
Sponsored Links