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 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 […]

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 […]