Schlagwort: ie

CSS: background-Size:cover unter IE

Beim Internet Explorer Filter Fix für background-size:cover muss man beachten, dass die Pfade entweder absolut oder relativ zum Dokument angegeben werden und nicht relativ zum CSS Dokument. http://stackoverflow.com/questions/4885145/ie-8-background-size-fix#comment15779836_9169401 Beispiel: background: url(../img/bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’view/img/bg.jpg‘,sizingMethod=’scale‘); -ms-filter: „progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’view/img/bg.jpg‘,sizingMethod=’scale‘)“;

IE7: Abstände zwischen Tabellenspalten

Ich hatte mal wieder seltsame Abstände in einer Tabelle im IE7, das hats behoben: border-collapse: collapse; *border-collapse: expression(’separate‘, cellSpacing = ‚0px‘); /* IE hack */ border-spacing:0;

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>  

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 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