Blog

Werbung

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)

 
— 19. Oktober 2007, 22:12 — 42 Kommentare

· · ·

Anzeige

· · ·



Kommentare:

  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.

    — Alexander — 19. Oktober 2007, 22:23  #
  2. Ein Browser frisst Blogdesign? Da stecken bestimmt Journalisten dahinter, diese ewig gestrigen, ignoranten Werbehuren!

    — Don Alfredo — 19. Oktober 2007, 22:27  #
  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.)

    Stefan — 19. Oktober 2007, 22:28  #
  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.

    — Floh — 19. Oktober 2007, 22:34  #
  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 …

    Tobias — 19. Oktober 2007, 22:58  #
  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.)

    Stefan — 19. Oktober 2007, 23:02  #
  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.

    Tobias — 19. Oktober 2007, 23:22  #
  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.

    Tobias — 19. Oktober 2007, 23:29  #
  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.

    — Wolfram — 19. Oktober 2007, 23:38  #
  10. War mal so frei das Ganze zu bauen: Klick mich.

    Das einfach via

    body background { url(url/zum/bild/body_bg.gif) top center repeat-y }

    einbauen.

    Tobias — 19. Oktober 2007, 23:40  #
  11. Quatsch.

    body { background: url(url/zum/bild/body_bg.gif) top center repeat-y }

    Tobias — 19. Oktober 2007, 23:41  #
  12. Achso, und nebenbei:
    Die Anwaltskanzlei Dozier Attorneys könnte nicht so einfach nach Hilfe fragen, denn niemand darf den Quellcode ihrer Internetseite anschauen.

    http://www.golem.de/0710/55520.html

    — Wolfram — 19. Oktober 2007, 23:45  #
  13. Die „Fehler-Konsole“ (unter „Extras„) des Firefox 2.0.0.8 sagt:

    Warnung: Farbe erwartet, aber ‘border-left’ gefunden. Fehler beim Verarbeiten des Wertes für Eigenschaft ‘background’. Deklaration ignoriert.
    Quelldatei: http://www.fernsehlexikon.de/
    Zeile: 17

    Warnung: Unbekannte Eigenschaft ‘cellpadding’. Deklaration ignoriert.
    Quelldatei: http://www.fernsehlexikon.de/w...../style.css
    Zeile: 408

    — Werner — 20. Oktober 2007, 0:24  #
  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

    Modran — 20. Oktober 2007, 0:29  #
  15. „IE (richtig) – Firefox (falsch)“
    Wie konnte das nur passieren! ;)

    maYO — 20. Oktober 2007, 0:33  #
  16. http://blog.highresolution.inf.....aring_bug/
    Viele Grüße!

    Dirk Schürjohann — 20. Oktober 2007, 1:15  #
  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*

    — Alexander — 20. Oktober 2007, 1:32  #
  18. [...] Niggemeyer zerschießt es das Layout, und – klar – Dirk Jesse (YAML) weiß, warum: Auslöser sind floatende Boxen mit [...]

    Firefox 2.0.0.8 - Float Containing/Clearing Bug – SELFHTML aktuell Weblog — 20. Oktober 2007, 1:35  #
  19. @Alexander: Tadaaa! http://validator.w3.org/check?.....38;group=0

    Stefan — 20. Oktober 2007, 1:40  #
  20. http://jigsaw.w3.org/css-valid.....medium=all

    Uwe — 20. Oktober 2007, 9:27  #
  21. Ja ja. Jajajaja.

    Stefan — 20. Oktober 2007, 9:32  #
  22. Oops, sorry :-|

    Uwe — 20. Oktober 2007, 9:37  #
  23. Nein, ist schon recht. Ich war nur so stolz, dass das HTML jetzt valide ist.

    Stefan — 20. Oktober 2007, 9:45  #
  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.

    Martin — 20. Oktober 2007, 9:49  #
  25. Ich stör nochmal :) Hier gibts Tools zum runterladen, die HTML nach logischen Fehlern und Speicherlecks. Hier der Link: http://www.peganza.com

    Martin — 20. Oktober 2007, 9:54  #
  26. Speicherlecks in HTML, haaaaaaahaaaaaa.

    Uwe — 20. Oktober 2007, 10:08  #
  27. [...] ist und ihn deshalb ausblendet. Man weiß es nicht. Stefan Niggemeier vermutet in seinem Blog: Oh Gott, inhaltliche Fehler bestrafen neue Browser [...]

    mlogger.de » Blog Archive » firefox hasst das fernsehlexikon — 20. Oktober 2007, 10:10  #
  28. Errinnert eigentlich nur mich „Three Column Layout Trick“ and „Drei Schritt Herz-Pressur Explosions Technik“?

    — Theo — 20. Oktober 2007, 14:02  #
  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.

    — bernd — 20. Oktober 2007, 21:30  #
  30. ja, ich hab inzwischen den reparaturvorschlag von tobias (#10/11) umgesetzt. muss ich noch nachtragen.

    Stefan — 20. Oktober 2007, 21:32  #
  31. Firefox Blocken, oder einfach fuer den mozilla browser den hintergund anders angeben

    Oder mit flock surfen (flock.com)

    Alan Canepa — 20. Oktober 2007, 22:19  #
  32. Die einfachste Lösung ist sicherlich einfach nicht auf 2.0.0.8 upzudaten.

    — Marcus — 21. Oktober 2007, 0:09  #
  33. Also bei stimmt das Layout der Seite auch im FF 2.0.0.8.

    Torsten (N.) — 21. Oktober 2007, 10:06  #
  34. [...] ein Detail, zu verändern, das eine Reihe von Webseiten in Mitleidenschaft ziehen wird. Stefan Niggemeier beobachtet dies bei seinem Fernsehlexikon. Und auch Dirk Jesse, der jede neuen Browserversion [...]

    F-LOG-GE » Blog Archive » Vorsicht vor dem neuen Firefox — 21. Oktober 2007, 14:26  #
  35. [...] hat nicht nur Stefan Niggemeier das Problem: “ Firefox 2.0.0.8 frisst Blog-Design“. Heute besuche ich ReadersEdition und stelle fest, dass mein Firefox ( Version 2.0.0.8 ) [...]

    Firefox 2.0.0.8 frisst Blog-Design - Finger.Zeig.net — 21. Oktober 2007, 15:07  #
  36. Hier kommt’s her:

    http://blog.highresolution.inf.....aring_bug/

    Martin — 22. Oktober 2007, 0:05  #
  37. http://www.pro-linux.de/news/2007/11891.html

    — cherzog — 23. Oktober 2007, 13:12  #
  38. FIREFOX hat bestimmt keine neue Version herausgebracht.

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

    — Määää — 23. Oktober 2007, 15:05  #
  39. Also bei mir sieht alles richtig aus, falls euch das weiter hilft. (Firefox 2.0.0.8 auf Linux).

    Gruß,
    Stephan

    — Erlenmayr — 23. Oktober 2007, 16:34  #
  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…

    — Marcus — 24. Oktober 2007, 12:52  #
  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

    Tobias — 25. Oktober 2007, 15:32  #
  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.

    Rudi — 24. März 2008, 20:26  #

Eigenen Kommentar abgeben:

Mit dem Absenden Ihres Kommentars willigen Sie ein, dass der angegebene Name, Ihre E-Mail-Adresse und die IP-Adresse, die Ihrem Internetanschluss aktuell zugewiesen ist, von mir im Zusammenhang mit Ihrem Kommentar gespeichert werden. Die E-Mail-Adresse und die IP-Adresse werden natürlich nicht veröffentlicht oder sonst weitergegeben. Mehr hierzu in den Datenschutzhinweisen.

blogoscoop