CSS_debugging.css

When positioning elements in a CSS layout, it might be hard during learning period, or even after you think you master it, to "see" if something goes wrong, to see if the space between different element differs, and looing structure. Now My trick to deal with this was to put borders around every element in the external CSS document. But thisis a more clean approach. Upload this CSS, choose which of the two you'd like to use, and just link to it during site development.

How to can be found here: "css positioning aid"

Download css: here
Add this line below the original CSS link in your HEAD tag:

And if you don't want to use one or the other of these snippets, just comment it out or delete it. After you're done positioning/"debugging" just remove above link, and the site should show as intended.

The first CSS snippet do NOT work in IE, I have only tried it in FF.
The second on DO work in IE aswell.

28.03.2007. 15:22

No comments to this article yet..

Click to add a comment