IE9 ignoriert CSS Definitionen

Diesmal möchte ich hier ein Problem verarbeiten, welches mich im Prinzip einen ganzen Arbeitstag gekostet hat. Beim Patienten handelt es sich um eine recht aufwendige, prinzipiell mobile-first gebaute Seite, die grundsätzlich auf dem Bootstrap Grid basiert. Symptom: IE9 zeigte mir eine Subseite ohne die in Media Queries definierten Styles an. Das Problem trat aber nur im „echten“… IE9 ignoriert CSS Definitionen weiterlesen

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;

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