Ich hasse CSS (╯°□°)╯︵ ┻━┻

März 28th, 2014, 18:46 > da/Y\ax

Habt ihr eine Ahnung, warum Firefox von meinem Blog solche Screenshots erstellt (auf der "Neuer Tab Übersichtsseite")?

Bildschuss_20140328_18-43-03

Und am Besten noch, was ich dagegen tun kann? Das "Warum" liegt wahrscheinlich darin begründet, dass dieser schräge Header position:fixed ist, aber der René hat genau so ne Scheiße eingebaut (von dem hab ich das mehr oder weniger geklaut) und bei dem gibt's das Problem nicht:

Bildschuss_20140328_18-45-39

Dit is do allet Driss!

13 Meinungen zu “Ich hasse CSS (╯°□°)╯︵ ┻━┻”

  1. ganda meinte:

    Ich würde raten, dass position: relative; auf position: fixed; geändert werden müsste.

  2. tux. meinte:

    Liegt nicht mal am Screenshot. Der Text oben ist seit heute (?) auch im normalen Browser verrutscht.

  3. daMax meinte:

    @tux: wat?! welcher browser, welches os? pics or it didn’t happen!

  4. daMax meinte:

    @ganda: na, die grafik, die da quer im thumbnail hängt, IST ja fixed…

  5. tux. meinte:

    Pale Moon 24; Screencast: https://www.dropbox.com/s/z3skx60gy06fzhz/daMax.mp4

  6. daMax meinte:

    @tux: genau so soll das doch sein. das ist schon seit über nem halben jahr so :) nur der firefox macht ein völlig falsches thumbnail…

  7. tux meinte:

    Vorher stand das Logo immer “fixed” neben dem scrollenden “Motto”, das fand ich schöner.

  8. daMax meinte:

    äääh nee, der gag ist doch gerade, dass der spruch wegscrollt und statt dessen ein kleines logo “hängenbleibt”. so soll dat. und ist wie gesagt auch seit über 6 monaten so :)

  9. ganda meinte:

    Äh ja. Ich meinte die inneren Elemente. Da war mir gestern, als wären die bei crackajack auch fixed, aber jetzt ist die Seite nicht erreichbar und ich kann nicht spicken und vielleicht hab ich mich geirrt.
    Nach ein bisschen rumprobieren: wenn ich #miniheader auf overflow:hidden setze zeigt mir zumindest Web Developer Toolbar keinen grünen Strich mehr für dieses Element irgendwo in der Mitte der Seite. Warum es das tat, weiß ich nicht. *ähem* Oder doch? Aber das wird wahrscheinlich das Problem auch nicht beheben. Oder doch? :D

    Ansonsten find ich den ganzen Aufbau etwas verwirrend. Mehrere Elemente mit z-index: 110 (oder so), warum ist das Logo-div nicht innerhalb vom Background-div, wozu dient flash-verschwinder, warum ist background auf scroll gesetzt und überhaupt. Aber vielleicht hat das ja alles einen bestimmten Sinn und ich erkenne ihn nur nicht. :D

  10. da/Y\ax meinte:

    @ganda: oha. Fragen über Fragen. Zum ersten Absatz: werd ich mal checken.

    “Mehrere Elemente mit z-index: 110 (oder so)”

    Es geht darum, dass der Header mit dem Spruch wegscrollt, der Miniheader aber stehen bleibt, Wurli über allem aber unterm Logo rechts ist usw.

    ” warum ist das Logo-div nicht innerhalb vom Background-div”

    damit man es anklicken kann

    ” wozu dient flash-verschwinder”

    um einen beschissenen Firefox-Bug zu umgehen. Wäre der nicht da, scrollen Flash-Elemente immer ÜBER die feststehende Miniheader-Grafik. Das kannst du sehen, wenn du dein Browserfenster ganz schmal machst und dann ein embedded YouTube Video hochscrollen lässt. Ich will das jetzt nicht noch näher ausdröseln, aber es hat was damit zu tun, dass FF das z-Index-Verhalten für YouTube-Videos offenbar nur berücksichtigt, wenn diese Elemende eine Hintergrundfarbe haben, aber NICHT gedreht sind. Ein riesen Scheiß.

    “warum ist background auf scroll gesetzt und überhaupt.”

    Damit das “schräge” Design auf allen Auflösungen funktioniert. Außerdem finde ich den Zick-Zack-Effekt beim Scrollen witzig.

    ” Aber vielleicht hat das ja alles einen bestimmten Sinn und ich erkenne ihn nur nicht”

    Yep, mehr oder weniger ;)

  11. Issas Prob schon behoben, oder warum seh ich dat bei mir nich?

  12. da/Y\ax meinte:

    @Horst(11): das Prob gibts eigentlich nur, wenn der Firefox einen Screenshot macht, den er dir dann präsentiert, wenn du z.B. mit STRG-T ein neues Tab aufmachst. Aber offenbat auch nicht in jeden Firefox und nicht immer… First world problems mal wieder :)

  13. da/Y\ax meinte:

    @ganda (9): es sieht so aus, als hätte overflow:hidden im Miniheader tatsächlich geholfen. Danke! Kapieren tu’ ich das zwar nicht, aber was solls ;)

Antworten

Dein Kommentar


Halte Dich bitte an die Spielregeln. Welche Emoticons du verwenden kannst, steht hier.
 
 Wer HTML kann, ist klar im Vorteil. Diese Tags sind erlaubt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
 
 Bei der Menge an Spam-Kommentaren passiert es hin und wieder, dass ein Kommentar vom Spamfilter gefressen wird. Bitte sei mir nicht böse aber ich habe weder Zeit noch Lust, solch verloren gegangenen Kommentaren hinterher zu forschen. Wenn das öfters passiert, schreib' mir 'ne Mail damit ich dich whitelisten kann.

Ihr Browser versucht gerade eine Seite aus dem sogenannten Internet auszudrucken. Das Internet ist ein weltweites Netzwerk von Computern, das den Menschen ganz neue Möglichkeiten der Kommunikation bietet.

Da Politiker im Regelfall von neuen Dingen nichts verstehen, halten wir es für notwendig, sie davor zu schützen. Dies ist im beidseitigen Interesse, da unnötige Angstzustände bei ihnen verhindert werden, ebenso wie es uns vor profilierungs- und machtsüchtigen Politikern schützt.

Sollten Sie der Meinung sein, dass Sie diese Internetseite dennoch sehen sollten, so können Sie jederzeit durch normalen Gebrauch eines Internetbrowsers darauf zugreifen. Dazu sind aber minimale Computerkenntnisse erforderlich. Sollten Sie diese nicht haben, vergessen Sie einfach dieses Internet und lassen uns in Ruhe.

Die Umgehung dieser Ausdrucksperre ist nach §95a UrhG verboten.

Mehr Informationen unter www.politiker-stopp.de.