Der Kampf gegen den Browser Cache

Ich stoße regelmässige auf das Problem, dass mir Kunden über eine aktualisierte Webseite Design oder Javascript Fehler berichten, die bei mir bereits gelöst sind. Als Webentwickler kommt dann die bitte den Cache zu leeren und damit sind die Probleme meist behoben (Falls das Problem nicht an einem anderen Browser liegt 😉 ) Eine Methode die… Der Kampf gegen den Browser Cache weiterlesen

HTML Newsletter: Undefinierbare Abstände/Linien über Bildern

Bei Bildern in Newslettern kann es zu undefinierbaren Abständen vorallem auf mobilen Devices kommen. Dann hat man eine weisse Linie über dem Bild, die vorallem bei Emails mit farbigen Hintergrund seltsam aussehen. Abhilfe konnte ich schaffen mit einem style=“display:block;“ im Bild sowie einer line-height von 0 in der umgebenen Tabellenzelle: <tr> <td width=“516″ height=“74″ colspan=“3″… HTML Newsletter: Undefinierbare Abstände/Linien über Bildern weiterlesen

IE Kleinigkeit: Submit Button

Nur eine schnelle Kleinigkeit: Wenn man einen <button> zum Abschicken eines Formulars verwenden will, sollte man das auch definieren. IE hat als Default Typ für Buttons nämlich type=“button“ anstatt dem benötigten type=“submit“. Also kurzum: <button type=“submit“></button>  

Ungeahnte Nebeneffekte von mod_rewrite

Ich habe letztens an einem Projekt gearbeitet in dem ich die Eingabe eines Suchfeldes in der User-Session abspeichern wollte. Das war der Plan – funktioniert hat es leider nicht. Egal was ich versucht habe, das Skript merkte sich keine Suchangaben bzw. schien diese sofort wieder zu löschen. Die Vorgeschichte: Ich verwende schon seit langem eine… Ungeahnte Nebeneffekte von mod_rewrite weiterlesen

IE Tücke: jQuery load() nicht aufgerufen

Ich bastle schon länger an meinem eigenen mini-lightweight-lightbox-plugin das ich in mehreren Projekten einsetze. Dabei bin ich letztens auf ein Problem mit Internet Explorer gestossen: Kurz und bündig: der IE ruft bei Bildern im Cache das Load event nicht auf, was ich aber dafür benötigt hätte die echte, endgültige Bildgröße auszulesen. Die einzige Allround Dirty-Hack… IE Tücke: jQuery load() nicht aufgerufen weiterlesen

CSS Tricks: Div Horizontal und Vertikal auf der Seite zentrieren

Auf der Suche nach der Möglichkeit ein Div horizontal und vertical auf der Seite zu zentrieren bin ich auf diese Seite gestossen die einige Möglichkeiten samt Pro und Kontra auflistet: http://blog.themeforest.net/tutorials/vertical-centering-with-css/ Ich hab mich aufgrund der Cross-Browser Anforderung für Methode 3 entschieden. Mit ein paar kleinen Änderungen Dabei baut man vor seinen Hauptcontainer/wrapper ein zusätzliches DIV… CSS Tricks: Div Horizontal und Vertikal auf der Seite zentrieren weiterlesen

CSS Notiz: Vertical Align Top

Nur eine kleine Randnotiz: Wenn man Vertical Align Top verwendet, muss man im IE das auch für alle Kinderelemente angeben. Also bei: <div class=“parent“>[Dinge die Vertical-Align Top haben sollen] <div class=“child“><img src=“icon.png“ /></div> </div> benötigt man: .parent {vertical-align:top; } .child {vertical-align:top;}

CSS Tücken: 4px Abstand bei Inline-Block Elementen

Wenn man Inline Block verwendet tritt immer wieder mal mysteriöser Weise ein Abstand zwischen den Elementen auf der nicht in Firebug etc. ersichtlich ist. Dieses Problem tritt auf, weil der Whitespace zwischen den Elementen als Abstand gewertet wird. Dafür gibt es mehrere Lösungen: Keinen Whitespace zwischen den einzelnen inline-block Elementen Nach dem End-Tag einen HTML… CSS Tücken: 4px Abstand bei Inline-Block Elementen weiterlesen