Problem?

Dass der IE6 manchmal ein übler Troll sein kann und sein Nachfolger IE7 ihm in dieser Hinsicht in nichts nachsteht, brauch ich euch ja wohl kaum erzählen (ich habs jetzt natürlich trotzdem gemacht, einfach um ein cooles Intro zu haben ). Jedenfalls bin ich neulich erst auf einen richtig schönen Fix für ein bekanntes Problem bezüglich der Darstellung von Buttons im IE gestoßen.

Kennt ihr das: Ihr habt einen Button oder ein Submit-Input und gebt dem etwas Padding und schon zerschießt es euch im IE das halbe Formular, weil dieser Browser denkt, er müsse den Dicken markieren, indem er den Padding-Wert verdoppelt?

Na dann seit ihr hier goldrichtig!

Das Problem

Wir haben also einen button oder ein input mit dem type="submit" (der Bug betrifft beides gleichermaßen) auf unserer Seite, was der tut ist uns an dieser Stelle reichlich egal.

HTML

1

<button>Button</button>

Normalerweise rate ich immer dazu die Buttons so zu lassen, wie sie sind und so wenig wie möglich am Styling zu ändern. Natürlich kommt es jedoch vor, dass sie dadurch nicht richtig ins “Corporate Design” einer Firma “fitten”. Und da Kunde==König immer wahr ist, muss man hier und da etwas nachhelfen, dass die Buttons auch zum Rest passen. Sehr häufig muss dazu beispielsweise links und rechts das Padding erhöht werden, damit das alles nicht so zusammengeklatscht aussieht.

CSS

1
2
3

button {
	padding:3px 10px;
}

Alles gut denkt man, aber beim X-Browser-Test macht man schnell große Augen: Im IE6 und IE7 sind es nicht nur 10 Pixel links und rechts sondern mindestens doppelt so viele. Hier ein Vergleich:

Die türkisen Linien sind nachträglich eingezeichnet worden..

Die Lösung

In solchen Momenten möchte man am liebsten in die Tastatur beißen oder die Maus durch die Gegend werfen (@Wireless-Maus-User: tut es nicht!). Aber das ist gar nicht nötig, denn die Lösung ist ganz einfach, nahezu trivial.

Alles, was wir tun müssen, ist eine Zeile CSS mehr zu schreiben:

CSS

1
2
3
4

button {
	overflow:visible;
	padding:3px 10px;
}

Durch overflow:visible hört der IE auf, mehr Padding zu vergeben als eigentlich gewollt. Das Schöne daran ist, dass er 100% valide ist und keinerlei Nachteile hat. Der Tag ist damit gerettet und alle können quietschvergnügt nach Hause gehen!

Frontend-Developer 1:0 Internet Explorer

12€ für Tron: Legacy

Ich denke, ich bin nicht der einzige, der sich etwas auf die Füße getreten fühlt bei den derzeitigen Preisen für eine Kinokarte (ganz interessant dazu auch meine Kinostatistik 2010). Die Karte für Avatar damals kam genau 11€ ohne Brille, was schon ziemlich teuer ist aber naja.. Logenplätze, 3D-Vorstellung, neue Leinwand muss abbezahlt werden etc. und der Film ging immerhin fast drei Stunden.

Anfang diesen Jahres (mit Avatar wurde bestimmt soviel Geld gemacht, dass die Leinwand hätte 2× bezahlt werden können) folgte dann Tron: Legacy, geiler Film, hat Spaß gemacht ins Kino zu gehen. Das große ABER: Der Preis für ein Ticket zum neuen Tron-Film ist plötzlich um einen ganzen Euro gestiegen. Einfach so. Die Karte kostete 12€ ohne Brille, gleicher Platz, kürzerer Film (zwei Stunden).

Das hat mich etwas verärgert und ich schrieb eine Aufforderung an CineStar am Roten Turm mir doch bitte zu erklären, warum die Karte jetzt einen Euro teurer ist. Zusätzlich regte ich mich noch über ein paar Kleinigkeiten auf, von denen einige immer mal, andere häufig oder permanent auftreten. Es folgt meine Mail von Donnerstag, dem 27.01.2011…

Hallo liebes CineStar-Team,

ich bin seit Jahren ein treuer Kinogänger (mind. 1 Mal/Woche) und ein kleines Bier für 3,20€ durfte es auch meistens sein. Als Sie im Herbst letzten Jahres die Preise für Getränke und Snacks erhöht haben, hab ich aufgehört etwas Ess- oder Trinkbares im Kino zu kaufen, da mir mein Geld dafür einfach zu schade geworden ist.

Heute aber dachte ich, ich sehe nicht richtig, als ich eine Kinokarte für eine Vorstellung kaufte. Könnte mir bitte jemand erklären, wie es zu einem Preis von 12€ pro Karte für eine Donnerstag Abend Vorstellung kommen kann? Es handelt sich um den Film Tron: Legacy 3D, der eine Dauer von 127 Minuten hat. Es sind Logenplätze und der Preis für eine 3D Brille ist nicht inbegriffen.

Letztes Jahr als Avatar im Kino lief, habe ich 11€ bezahlt. Es handelte sich ebenfalls um Logenplätze. Avatar hat eine Länge von 162 Minuten, ist also länger und kostet trotzdem 1€ weniger als Tron.

Ich würde gern wissen, woher der eine Euro Aufschlag kommt und warum eine eventuelle Preiserhöhung nicht angekündigt worden ist.

Wenn ich einmal dabei bin, mich über die horrenden Preise zu beschweren, kann ich Sie auch gleich noch auf einige andere Punkte aufmerksam machen:

• mind. 2-3 kurze Tonaussetzer in jedem Film
• in den seltensten Fällen (3D Filme, Vorpremieren) kann man Karten online vorbestellen
• Onlinevorverkauf kostet mehr, warum? Wenn es einen Euro günster wäre statt teurer, würden es vielleicht auch der ein oder andere eher nutzen, außerdem muss man die Karten auch noch selbst ausdrucken!
• Warum wird keine Jahres-/Monatskarte angeboten?
• Warum nicht Dienstag und Donnertag zum Kino-Tag machen?
• Warum kostet mich die Sneak 5-6€ und nicht 4-5 wie in anderen Kinos? Da wäre der Saal wenigstens mal voll und unter Studenten spricht sich das sehr schnell rum (die haben in Chemnitz nämlich ihr eigenes Club-Kino, zu wesentlich geringeren Eintrittspreisen)
• O-Ton Sneaks sind unter Filmfreunden auch extrem beliebt – eventuell eine Überlegung wert (statt einer normalen Sneak aber mit Ankündigung vorher)

Ich hoffe es sind Dinge dabei, die sich in Zukunft realisieren lassen. Schlussendlich ist aber immer noch der Preis pro Film entscheidend. Wenn Sie Stammkunden behalten und neue hinzugewinnen möchten, sollten Sie die Preise eher senken, denn in Zeiten, in denen man BluRay-Filme kostenlos aus dem Internet laden kann, sollten Sie über jeden ehrlich bezahlenden Kunden froh sein.

Hochachtungsvoll und mit freundlichen Grüßen,
Norman Paschke

Ist vielleicht hier und da etwas dick aufgetragen ab sind wir doch ehrlich, es ist zum kotzen, dass man als bezahlender Kunde so abgezockt wird. Schlimmer wirds, wenn auch noch Ton- und Bildfehler auftreten.

Am Freitag, dem 11.02.2011 (das sind btw zwei Wochen!) kam dann sogar eine Antwort zurück, die ich euch natürlich nicht vorenthalten will…

Sehr geehrter Herr Paschke,

wir bedanken und für Ihre E-Mail von 27.01.2011.

Bezüglich der Kartenreservierung haben wir uns vor einer Weile dazu entschlossen, die Möglichkeit der Reservierung auf ein bestimmtes Kartenkontingent zu beschränken. In der Regel sind daher für alle regulären Filmvorführungen (ausgenommen Sondervorstellungen, 3D-Vorstellungen, Konzerte, Lesungen usw.), pro Saal in etwa 10% der Plätze für Reservierungen verfügbar. Ist dieses Reservierungskontingent erschöpft, ist fortan nur noch ein Kartenkauf vor Ort im Kino oder online möglich.

Hintergrund für die Einführung dieser Beschränkung war, dass wir in der Vergangenheit leider immer wieder die Erfahrung machen mussten, dass oftmals frühzeitig ein Großteil der Plätze reserviert wurde, ohne dass dann eine tatsächliche Abholung der Karten erfolgte. Zum Teil waren somit gesamte Vorstellung frühzeitig „ausreserviert“ und daher Karten für Gäste, die ernsthaft an dem Besuch einer Vorstellung interessierten waren, nicht mehr oder aber erst 30 Minuten vor Vorstellungsbeginn, verfügbar.

Eine entsprechende Limitierung von Reservierungen kommt also den wirklich interessierten Kinogängern zu Gute. Zudem haben wir als Gastgeber, durch den nun verstärkt erfolgenden Vorverkauf, die Möglichkeit den tatsächlichen Kartenbedarf realistischer einschätzen zu können. Zeichnet sich durch die Vorverkäufe beispielsweise der Ausverkauf einer bestimmten Vorstellung ab, kann hier dann geprüft werden, ob z.B. ein Tausch in einen größeren Saal oder eine kurzfristige Anlage einer weiteren Vorstellung des begehrten Films noch möglich ist. Somit eröffnet sich uns daher ggf. die Möglichkeit noch weiteren Gästen Ihren Kartenwunsch zu erfüllen.

Dass unser Online-Kartenverkauf zur Verärgerung Ihrerseits geführt hat, bitten wir zu entschuldigen. Die Servicegebühr, die beim Online-Kauf anfällt, erhält ausschließlich unser Service-Provider, der die komplette Abwicklung des Online-Ticketings für Sie und uns abwickelt. Das Kino erhält nur den jeweiligen Kartenpreis.

Die Preise der Eintrittskarten sowie im Bereich Snacks & Getränke wurden in den letzten drei Jahren, trotz Entwicklung des Einkaufspreises im Markt, nur zwei Mal gering angepasst. Die national gesteuerten Preise werden immer an den Preisen der vergleichbaren Freizeit-Gastronomie gemessen.

Betrachtet man die Kosten für ein Kinoticket so entfällt davon eine wesentliche Lizenzabgabe allein für den Verleih. Weitere Abzüge entstehen für Mieten, Wartungskosten, Personalkosten etc. Daher sind Zusatzeinnahmen durch den Snack- und Getränkebereich für ein Kino unerlässlich.

Ihre Anregungen einer O-Ton-Sneak sowie der Einführung einer Monatskarte, finden wir äußerst interessant und werde diese Ideen an die zuständigen Stellen, zwecks Optimierung, weiterleiten. In diesem Zusammenhang würden wir Sie gern noch auf unser 5-Sterne-Ticket aufmerksam machen, welches € 32,50 kostet und unbegrenzt und in allen CineStar-Kinos gültig ist und somit zu einer regulären 2D-Karte, einen erheblichen Preisvorteil bietet.

Wir hoffen durch diese Erläuterung zum besseren Verständnis beigetragen zu haben, freuen uns darauf, Sie auch zukünftig wieder als Gast bei uns willkommen heißen zu dürfen und verbleiben
Mit freundlichen Grüßen

H. S. (Name gekürzt)
Theatre Assistance Cinestar Chemnitz

Tja, ich bin froh, dass sich der Kritik überhaupt angenommen wurde, eine richtig klare Antwort fehlt mir allerdings. Ich kann die Kinobetreiber zwar verstehen, die 2010 wohl kein so rosiges Jahr erlebt haben (awwww) aber warum sind die ehrlichen Kunden wieder die Doofen?

Auf Twitter wurde mir gesagt, dass ca. 55% der Einnahmen durch die Kinokarten an den Verleih gehen, den Rest scheinen oben genannte Kosten aufzufressen. Traurig eigentlich, dass ein Kino nicht über Filme sondern über Snacks und Getränke seinen Gewinn erzielen muss.

Wie steht ihr zu der Sache? Geht ihr trotzdem noch fleißig ins Kino oder habt ihr es satt eine Melkkuh der Kinoindustrie zu sein?

IE rafft es nicht!

Heute habe ich mal wieder über etwas gestaunt, das der Internet Explorer nicht kann. Folgendes Szenario: Ihr habt ein Bild auf dem unter anderem ein Schriftzug steht, z. B. “Jetzt hier Registrieren!”. Weil die Schrift mit tollen Effekten und dergleichen ausgestattet ist, bindet ihr sie direkt ins Bild ein. Im Frontend wird das Bild über ein img-Tag ausgegeben und soll jetzt verlinkt werden. “Ok..”, dachte ich mir, “..leg ich halt einen transparenten Link darüber!” – Denkste!

Hier erst einmal ein Beispiel, damit ihr auch versteht, was ich meine. Wie nehmen ein Bild und einen Link und packen einen Wrapper darum. Der Wrapper bekommt position:relative, damit wir den Link per position:absolute über das Bild schieben können. Der Link soll natürlich transparent sein, wir wollen ja nicht irgendwie das Bild “übermalen” sondern nur einen anklickbaren Bereich schaffen, also wird der Text versteckt.

Problembeispiel (alle IE-Versionen)

HTML

1
2
3
4

<div class="wrapper">
	<img src="http://www.getfirebug.com/img/firebug-logo.png" alt="Bild"/>
	<a href="http://www.getfirebug.com">Link</a>
</div>

CSS

1
2
3
4
5
6
7
8
9
10
11
12

.wrapper {
	position:relative;
	width:293px;
}
a {
	height:70px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:185px;
	top:0;
}

Ergebnis

Link

Ich habe die wichtigen Bereiche nochmal hervorgehoben, der blaue Rahmen umrandet den Wrapper, der rote den Link.

Natürlich ist diese Denkweise nicht verkehrt, sie hat nur einen Haken: In allen von mir getesteten Versionen des Internet Explorers (IE6-9) hat das nicht funktioniert! Im IE kann man den Link einfach nicht anklicken, alle anderen Browser haben damit absolut kein Problem.

Ich dachte erst es liegt daran, dass das Bild den Link im IE irgendwie überdeckt, weil ich kein z-index benutze. Dann habe ich versucht den Text über padding-top und overflow-hidden zu verstecken und dachte der IE eventuell damit besser zurecht. Nichts hat geholfen.. wenn ich den Text nicht versteckte, konnte man nur den Text anklicken, nicht aber den Rest der klickbaren Fläche. Erst als ich das Bild aus dem Quellcode entfernt hatte, konnte man ganz plötzliche die komplette transparente Fläche anklicken.

Natürlich war ich schon wieder kurz vorm Platzen.

Lösung

Ein ähnliches Problem mit nicht anklickbaren Links hatte ich zwar schon mal im IE6 aber ich hätte nie gedacht, dass IE8 und 9 hier immer noch solche Probleme haben. Aber was soll’s, eine Lösung musste her und es gibt zwei Wege, wie man das Problem umgehen kann..

1. das Bild nicht als img-Tag einbinden, sondern dem Wrapper/Link als background-image zuweisen
2. dem Link ein transparentes Hintergrundbild verpassen

In meinem Fall war letztere Variante günstiger, ich würde aber prinzipiell eher zu Variante eins raten, da sie sauberer ist. Und ja, sobald der Link eine Hintergrundfarbe oder ein Hintergrundbild bekommt, kann man ihn auch im IE anklicken, verrückte Welt oder?

Beispiel mit Lösungsvariante 1

HTML

1
2
3

<div class="wrapper">
	<a href="http://www.getfirebug.com">Link</a>
</div>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14

.wrapper {
	background:transparent url(http://www.getfirebug.com/img/firebug-logo.png) repeat 0 0;
	height:89px;
	position:relative;
	width:293px;
}
a {
	height:70px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:185px;
	top:0;
}

Ergebnis

So klappts auch im IE!

PS: Firebug 1.6 wurde heute veröffentlicht, schnell runterladen oder updaten und die Beispiele damit untersuchen!

Ich hab Zeit und Langeweile, deswegen gibt es heute mal bisschen was Persönliches von mir.. eine Liste mit Dingen, die ich auf den Tod nicht ausstehen kann. Die Liste wird weder geordnet noch vollständig sein.. ich schreib einfach auf, was mir gerade in den Sinn kommt.

Mäuse mit nur zwei Tasten

1+1=2 -> ☹

Mal ehrlich, wie kann man denn ohne Mausrad und Daumentasten arbeiten? In der Browserhistory vor- und zurückgehen oder Links mit dem Mausrad in neuen Tabs aufmachen? In Notepad++ zwischen Dokumenten hin und her wechseln? Bilder anschauen? Ohne zusätzliche Daumentasten werden alltägliche Aufgaben zum Krampf.

Langsamlatscher und Im-Weg-Rumsteher

Sowas macht mich fertig.. da will man ins Kino hoch und auf dem Weg dorthin ein Haufen dummer Leute, die rumschlendern und manchmal sogar einfach so stehen bleiben.. da könnt ich mich aufregen. Ähnliches gilt für Leute die nicht gleich oder nur schleppend los fahren, wenn die Ampel gerade auf Grün geschalten hat. Besonders, wenn sauviel Verkehr ist und es sich hinter ihnen schon staut.

Leute, die im Winter übervorsichtig Auto fahren

Die schleichen dann immer so vor einem her mit 30km/h.. auf der Landstraße!? So langsam muss man nicht mal fahren, selbst wenn nur schlecht geräumt ist.

Touchpads, die nicht funktionieren

Ich mein.. wo ist dann der Sinn dahinter? Testen die Leute diese Dinger eigentlich auch mal? Liegt es vllt an den Einstellungen der Besitzer des Laptops? Was auch immer.. es nervt, wohl dem, der eine Maus (mit vielen Tasten) mit hat.

Benutzerunfreundlichkeit, schlechte Usability

Heute erst wieder bei Need for Speed Shift auf der PS3 erlebt: Im Hauptmenü ist der erste Punkt oben markiert. Ich will aber nach ganz unten, den letzten Menüpunkt anwählen. Ich gehe also eins nach oben.. nichts. Nochmal (vllt hab ich nicht richtig gedrückt) .. nichts. So langsam dämmert es mir.. ich muss einfach 10mal nach unten drücken, bis ich dort bin, wo ich hin will. Sowas ist einfach nicht benutzerfreundlich und irgendwie denk ich mir dann immer: “Haben die Leute von EA das auch mal selber richtig gespielt und benutzt?”.

Anderes Beispiel, der Windows Media Player 12. Da kann man Neuerdings zwischen einer Music- und Videoplayer-Ansicht wechseln. Der Knopf dazu ist aber in immer an einer anderen Position, im Videoplayer oben rechts, im Musicplayer unten rechts.. da soll man dann effizient damit umgehen und sich zurechtfinden – is klar.

Leute, die vor Technik Angst haben

“Nee.. ich drück da nicht drauf, womöglich geht das kaputt.” – Sowas ist Schwachsinn. Nichts geht einfach kaputt, nur weil man einen Knopf auf einer Fernbedienung drückt. Man muss es nur mal probieren. Benutzerhandbücher sollten eigentlich vollkommen überflüssig sein. Die Menüstruktur, die Überschriften und eventuelle Icons sollten eindeutig und einfach sein, damit auch jeder Laie damit umgehen kann. Mittlerweile ist das auch fast überall der Fall. Aber damit kommen wir gleich zum nächsten Punkt..

Leute, die nicht lesen

Tja, das hat man dann als Ja-Sager davon..

Ach was wäre das für eine Welt, wenn alle Leute einfach mal Lesen würden. Aber nein.. da werden Warnungen und Installationsanweisungen einfach mit “OK” weggeklickt und schon hat man eine neue Toolbar für seinen Browser installiert und muss dann den Kumpel anrufen (der wesentlich wichtigeres zu tun hat) und ihn fragen, wie man die Toolbar wieder weg bekommt (wobei das Wort Toolbar ja nicht mal ein bekanntes Wort unter Laien ist, da heißt es dann einfach “Norton-irgendwas” oder “irgendwas mit Ask hier oben.. “). Jaja..

Desktopverknüpfungen

Ich hasse es, wenn ich ein Programm oder Spiel installiere und es mich nicht danach fragt, ob es eine Desktopverknüpfung erstellen darf oder nicht. Ich bin gern bereit einmal “Nein” anzuklicken, denn das geht schneller als hinterher die Verknüpfung(en) zu löschen. Danke.

Unaufgeräumte PCs

na viel Spaß..

Muss ich da was zu sagen? Wenn man 50 Desktopverknüpfungen hat und die Traybar in Windows mehr als 10 Einträge aufzeigt (man kann übrigens manche auch dauerhaft ausblenden!), dann macht man definitiv was falsch. Dabei ist die Lösung so einfach: den PC formatieren, OS installieren und den Ding einfach sauber halten, d.h. eine gewisse Ordnerstruktur erstellen, die einem gefällt nur die für einen funktioniert und diese dann ganz konsequent einhalten.

Dumme Weiber

Wer kennt sie nicht..

Menschen, die gefährliches Halbwissen verbreiten

Das sieht man oft, schaut man sich mal in einem beliebigen Forum zu einem beliebigen Thema um. Da liest man Sachen.. unglaublich. Leute die keine Ahnung haben, versuchen anderen, die noch viel weniger Ahnung haben, etwas beizubringen, Gerüchte und falsche Aussagen werden verbreitet und dann schalten sie auch noch auf stur, wenn man mal ein paar Sachen richtig stellen will.

(ehemals) gute Freunde, die einem nicht mal zum Geburtstag gratulieren können/wollen

kein Text

Suchfunktion, die nicht funktioniert

Eine Suche, die nicht funktioniert ist so ziemlich das übelste, was einem passieren kann. Da ist man schon so verzweifelt, dass man die Suche benutzen muss (weil die Webseite schon schlecht und unübersichtlich ist) und dann liefert die nur Müll oder eine Fehlermeldung.

Menschen, die jeden Satz mit einem Ausrufezeichen beenden

Wikipedia sagt:

Als Satzzeichen steht das Ausrufezeichen in unabhängigen Sätzen, Wortgruppen oder nach Einzelwörtern (auch in Überschriften u. Ä.), und zwar nach Ausrufen, Anrufen, Befehlen, Aufforderungen, Warnungen, Verboten, Wünschen, Grüßen, nachdrücklichen Behauptungen.

Merken!

Comic Sans

Yes, it is.

Diese Schriftart hat nichts in einem Brief, einem Chatfenster, einer Webseite oder einer Powerpointpräsentation verloren. Rein gar nichts. Besonders Weibchen scheinen die Schriftart zu mögen, sry aber das ist einfach nur kitschig.

So.. ach.. das tat mal gut. Gibt es etwas, das euch besonders nervt? Hinterlasst einen Kommentar, vielleicht finden sich Gleichgesinnte.

Avatar: fällt aus, weil is ne

Viele Leute haben sich heute Abend versammelt um den 3D-Film des Jahres zu sehen, sie alle wurden enttäuscht. Sowohl im chemnitzer CineStar als auch in 48 anderen deutschen Kinos musste die Vorpremiere zu Avatar – Aufbruch nach Pandora leider ausfallen, weil es beim Verleiher Fox technische Schwierigkeiten gab. Laut Bernd Karnatz, dem Theaterleiter in Chemnitz, wartete das Kino bereits seit heute morgen auf den (digitalen) Schlüssel zur Freigabe des in JPEG 2000 kodierten Films – vergebens. Bis zum Schluss hoffte man noch auf ein Wunder aber die Panne nahm ihren unvermeidlichen Lauf. Das Kino trifft keine Schuld das ändert aber nichts an den verärgerten Kunden.

Als Ausgleich wurden einige Trailer in 3D gezeigt, jeder bekam ein Glas Sekt angeboten und man konnte entweder das Geld für die Karte zurückverlangen (immerhin 11€ ohne 3D-Brille) oder aber gleich für eine andere Vorstellung gutschreiben lassen.

Schade eigentlich, denn man hatte sich wirklich Mühe gegeben, blau angestrichene Hampelmänner (Na’vi) kletterten am Geländer herum, vor dem Kino konnte man das Spiel zum Film mit 3D-Zubehör von Nvidia anspielen und sich einen ersten Eindruck der neuen Optik machen.

Es ärgert mich zwar aber was soll man machen.. sehr komisch finde ich nur, wieso bei Fox anscheinend nichts bei solchen Ausfällen unternommen wird bzw. unternommen werden kann. Entsprechende Systeme müssen meiner Meinung nach für genau solche Situationen gewappnet sein. Wie dem auch sei, der Kinostart ist wohl ziemlich missglückt. In gewisser Weise war es aber dann doch eine Premiere, sowas hab ich nämlich auch noch nicht erlebt.