Ich hasse CSS (╯°□°)╯︵ ┻━┻
Freitag, 28.3.2014, 18:46 > daMaxHabt ihr eine Ahnung, warum Firefox von meinem Blog solche Screenshots erstellt (auf der "Neuer Tab Übersichtsseite")?
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:
Dit is do allet Driss!
Ich würde raten, dass position: relative; auf position: fixed; geändert werden müsste.
Liegt nicht mal am Screenshot. Der Text oben ist seit heute (?) auch im normalen Browser verrutscht.
@tux: wat?! welcher browser, welches os? pics or it didn't happen!
@ganda: na, die grafik, die da quer im thumbnail hängt, IST ja fixed...
Pale Moon 24; Screencast: https://www.dropbox.com/s/z3skx60gy06fzhz/daMax.mp4
@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...
Vorher stand das Logo immer "fixed" neben dem scrollenden "Motto", das fand ich schöner.
äää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
Ä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?
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.
@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
Issas Prob schon behoben, oder warum seh ich dat bei mir nich?
@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
@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