Tag Archives: css

Beating IE into submission

Here are a few handy references I’ve run across while attempting to get perfectly reasonable CSS layout to work in an unreasonable browser:

Centering Block Element. This page contains a number of useful tricks for using CSS to center blocks of content. Box Model Hack. An exhaustive discussion of various techniques for working around Internet Explorer’s unique [...]

Holly Hack for IE display bugs

How To Attack An Internet Explorer (Win) Display Bug contains details of the “Holly Hack,” a clever CSS trick by Holly Bergevin that fixes, among other things, the infamous Internet Explorer peekaboo bug. I was recently bitten in the ass (again) by this obnoxious IE problem, and it’s nice to see a fix for it [...]

CSS selectors explained

Here’s a useful tool for Web designers who can’t make heads or tails of the line noise that passes for selectors in CSS2 and CSS3. SelectORacle will take any set of selectors and explain them in plain English (or Spanish). For example:
ul li:nth-child(2n+3):not(:last-child)
translates to
Selects any li element that is an odd numbered child starting with [...]

CSS tutorials from down under

Max Design has a fantastic series of CSS tutorials. The site covers the basics of styling lists and the proper use of selectors, and its Floatutorial contains the single best explanation I’ve seen for how CSS floating elements work.

CSS crib sheet

Replacing text with background images

CSS Zen Garden