XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Firefox 3 - Abstand nach oben falsch seit Umstellung auf UTF-8 (http://xhtmlforum.de/showthread.php?t=55703)

Hedge 08.02.2009 22:02

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>


Hedge 08.02.2009 22:41

Konnte das Problem selbst lösen.
Es lag am BOM. Die paar Zeichen am Anfang der Datei werden auch noch vom Firefox 3 angezeigt (siehe: W3C I18N FAQ: Display problems caused by the UTF-8 BOM)

Das hat gleichzeitig auch das Problem behoben dass ich keine Cookies speichern konnte (Headers already sent).


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:59 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020