Question

I am working with the 12 column grid style sheet from http://cssgrid.net/

It’s great, the only problem is that I cannot have empty columns on the left side of the page. If I create an empty div with class “threecol” for example, the contentless div is not being displayed.

.row .threecol {
width: 22.05%;
}

Here is the whole CSS file.

My question: Is there a way to add a class to empty columns that prevents them from being ignored, so I actually have an empty div with the given %-width?

Answer 1

You’ll either have to make the div “not empty” with something like a &nbsp, or to explicitly set a height (or min-height) value on it. As your div is empty, setting its height should probably not affect your layout anyway.