Looking for a way to make a grid on the screen to help position elements

Question

I'm working with CSS and at times it's hard to see if something's centred. Is there a program or some way built into a browser that I can make a grid appear on the screen? I'm using FireFox on Windows 7 but I'm willing to try a different browser.

Answer 1

GridFox seems to be one of few solutions for this, or possibly the only one in existence.

It used to save gird setting for each domain but this feature is no longer working since the server it was saving settings to is down. So, to let GridFox make grids and save any settings, you'll have to go to Tools > GridFox > Preferences and check "Don't save grids for each domain" checkbox.

Answer 2

You could always make a transparent image with two edges colored and then tile it across the whole page with CSS while you're working on it. You'll have to add it to every page and then remove it when you're done, but it's a pretty easy solution.