Stefan Niggemeier

Firefox 2.0.0.8 frisst Blog-Design

Heute mal wieder was Technisches.

Firefox hat eine neue Version herausgebracht, und irgendwas haben sie geändert, das das Design von fernsehlexikon.de zerstört.

Das Design mit den drei gleichlangen, farbig hinterlegten Spalten beruht auf dem bis gestern wunderbar problemlosen Three-Column Layout von A List Apart. Bis Firefox 2.0.0.7 funktionierte alles, in anderen Browsern läuft’s auch. Nur Firefox 2.0.0.8 zickt.

Es liegt offenbar nicht speziell an fernsehlexikon.de; sämtliche Layouts, die auf dem Three-Column-Layout-Trick basieren, scheinen nicht mehr zu funktionieren.

Hat jemand eine Idee?


Links: IE (richtig). Rechts: Firefox 2.0.0.8 (falsch)

43 Replies to “Firefox 2.0.0.8 frisst Blog-Design”

  1. Schwer zu sagen, woran dies genau liegt. Umso schwerer wird es immer, wenn eine Seite (wie in diesem Fall das Fernsehlexikon) nicht w3c-kompatibel ist und sehr viele inhaltliche und strukturelle Fehler enthält.

  2. Ein Browser frisst Blogdesign? Da stecken bestimmt Journalisten dahinter, diese ewig gestrigen, ignoranten Werbehuren!

  3. Oh Gott, inhaltliche Fehler bestrafen neue Browser auch?

    Naja, irgendwie muss es an dem Trick liegen, dass der farbige Hintergrund der linken und rechten Spalte der breite Rahmen der mittleren Spalte ist, und die Spalten selbst auf diesem Rahmen floaten. (Oder so.)

  4. Das ist für mich kein neues Phänomen. Ich benutze Mozilla und das war schon immer so (naja kann sein, dass das am Anfang mal funktionierte, jedenfalls schon sehr lange).
    Mit STRG+A alles markieren schafft da für den frustrierten Leser immerhin kurzfristig Abhilfe.
    Ich würde spekulieren, dass Mozilla da irgendein „Feature“ aus der „Vollversion“ nach Firefox übertragen hat.

  5. Schon mal versucht den einzelnen Boxen, also #content, #center, und #right eigenen Hintergrund zu geben? Scheint ja so als ob sich das Problem nur auf #container bezieht. Also Background splitten und auf die drei Boxen verteilen.

    Wenn das Problem wirklich so weit verbreitet ist kann man sich bestimmt bald auf einen offiziellen Fix einstellen …

  6. Die Boxen sind ja unterschiedlich hoch, das ist das Problem. Sie wären nicht bis unten ausgefüllt mit dem Hintergrund. (Gerade das hat der Trick von A List Apart ja so elegant und simpel gelöst.)

  7. Klar. Hätt mir auch aufallen müssen *g*.

    Ich schau es mir noch mal genauer an. Ich fand diese Rail Methode schon immer ein wenig komisch. Hab ich noch nie eigesetzt …

    Einfach eine Box rechts floaten, eine links, der mittleren dann passenden margin nach rechts und links geben, ordentlich clearen und schon hat man es. Dann muss man auch nicht dem umschließenden Container mit komischen Angaben verpassen.

    Schon mal einen Blick auf YAML geworfen? Da hat man ein wirklich stabiles drei Spalten Layout.

  8. Übergangsweise würde ich das über den body Hintergrund lösen.

    2000px breit, den jetzigen Hintergrund kacheln und da rein schmeißen, in die Mitte den Blog Hintergrund. Das ganze als gif speichern und zentriert als body Hintergrund setzten.

    Ist zwar nicht gerade sauber gelöst aber immerhin besser als das Jetzige.

  9. Gibt man dem div ‚container‘ ein fixe Höhe, sind die Ränder und sein Hintergrund wieder sichtbar. So wie es jetzt ist, ragt der container zwar auch bis unten, aber komischerweise sind Hintergrund und Ränder nicht sichtbar. Dubios. Der Container hat die gleichen Ausmaße, aber nur mit fixer Höhe werden Ränder und Hintergrundfarbe angezeigt.

  14. Diesen Effekt hatte ich bis vor einiger Zeit auch, jedoch mit einer älteren Firefox-Version. Ich weiß nicht mehr, welche, jedenfalls war sie kleiner als 2.0.0.7

  17. Das wäre schön, wenn Browser auch schlechten Inhalt ablehnen würden ;o) Ich meinte damit falsche Werte und Attribute.
    Kümmert sich ja leider kaum jemand darum, dass der Code auch syntaktisch richtig ist *jammer*

  24. Ich hab für mein Blog fast das selbe Design wie fernsehlexikon.de und bei mir funzt das auch mit Firefox 2.0.0.8

    Vielleicht mat Firefox beschlossen, dass es Zeit ist für ein neues Design ^^ und deshalb sich weigert das aktuelle richtige anzuzeigen.

  28. Errinnert eigentlich nur mich „Three Column Layout Trick“ and „Drei Schritt Herz-Pressur Explosions Technik“?

  29. also ich weiß ja nicht, entweder wurde in der zwischenzeit was repariert, aber bei mir sieht die seite mit 2.0.0.8 so aus wie immer bzw. oben links – also richtig.

  38. FIREFOX hat bestimmt keine neue Version herausgebracht.

    Etwas journalistische Genauigkeit kann man ja wohl erwarten, oder? ;-)

  39. Also bei mir sieht alles richtig aus, falls euch das weiter hilft. (Firefox 2.0.0.8 auf Linux).

    Gruß,
    Stephan

  40. Ich nutze dieses Layout auch (abgewandelt) und habe bei Firefox 2.0.0.8 keinerlei Probleme. Weder bei meiner Seite, noch bei einer anderen…

  41. Hey Stefan,

    gerade gesehen das du meine Lösung verwendest. Gegebenenfalls im Beitrag nachtragen sonst schreibt hier jeder das es wieder geht ;-).

    Die Jungs von Mozilla haben mittlerweile auch schon bemerkt das da was nicht stimmt. Firefox 2.0.0.9 wird wohl im laufe der nächsten Wochen erscheinen.

    Ich würde dir raten das du, so bald das Update draußen ist, wieder auf die alte Methode wechselst. Meine ist nicht nur unschön gelöst sondern auch nicht weitreichend getestet. Kann also Kollateralschaden verursachen.

    Gruß
    Tobias

  42. Leider sind die ganzen Browser nicht in der Lage immer alle Seiten so anzuzeigen wie der Webmaster es wollte. Es ist schon ein Wahnsinn, beim testen einer Programmierung wieder einmal feststellen zu müssen: dass sieht im IE aber anders aus, das kann der FF aber nicht, im Opera werden komische Texte eingeblendet, usw. Das nervt wirklich.

Comments are closed.