Distinguishing between min-height and height in CSS

Suppose we set the height of the body of a page to be 100%.  Then what happens is that the body’s height takes up 100% of the viewable area.  If the content is taller than 100% of the screen (i.e., a scrollbar is needed), then body tag will not extend to that height.  So how…


Expanding a Column to Fill the Remaining Horizontal Space

When you have two columns on a page, there is a pretty simple (though non-obvious) way to make the second column fill up the remaining width of the parent.  First, you must float the first column to the left and set its width.  Then, instead of floating or setting a width on the second column,…


Making An Element Fill 100% Height In Pure CSS

A common problem that web developers have is trying to make an element span 100% of its parent container’s height.  Most solutions to this problem involve JavaScript that is bound to resize events, load events, etc.  I am writing this blog post to tell you that there is a better way!  This new method works…


Awesome PNG Compression Tool

Compressing images can save a lot of valuable bandwidth.  One tool I really like for compressing images is PNGGauntlet.  Give it a try!


Opening the Internet Explorer Developer Tools Dialog on Modal Windows

As you may have noticed, Internet Explorer’s Developer Tools window (press F12 to get there) cannot be opened for modal windows.  Here’s a quick workaround: Open Internet Explorer Click the “Tools” gear (Alt+X) Select “Internet options” Select the “Security” tab Click the “Custom level…” button Disable the “Allow websites to open windows without address or…