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
Monat: September 2012
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 Tricks/IE Probleme: Display Inline Block
Display Inline Block funktioniert nicht im IE7: So kann man das Problem lösen: display: inline-block; vertical-align: top; zoom: 1; *display: inline;
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
Firebug Plugin: Modify Headers
Heute hab ich wieder ein recht praktisches kleines Helferlein für Firefox gefunden: Modify Headers Damit kann man wie der Name bereits verrät, die HTTP Request Header die an den Server gesendet werden abändern. Wenn man z.B. einen neuen Vhost eingerichtet hat und die DNS Umstellung noch nicht erfolgt ist kann man mit einem einfachen „Add… Firebug Plugin: Modify Headers weiterlesen