|
|||
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">
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> |
Sponsored Links |
|
|||
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). |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Firefox richtig, ie falsch | Mariot | CSS | 16 | 13.10.2009 15:56 |
Firefox Scrollbars immer oben auf | mindblower23 | CSS | 8 | 03.12.2008 01:32 |
Firefox Search Engine | Unsk1ll3d | Ressourcen | 8 | 05.02.2008 14:05 |
Iframe und Rand oben = NULL - IE vs. Firefox | Oberwaldforsthorst | (X)HTML | 2 | 15.04.2005 20:55 |
Site mit Firefox --> Ok ! Mit IE völlig falsch. Warum ? | mastermsc | CSS | 3 | 05.01.2005 22:46 |