|
pageoneresults -> RE: Tip for working with/debugging positioning in CSS (6/2/2003 0:36:13)
|
Yes, that Opera 7.11 is sure a great tool to have around. The Debug with Outline feature is awesome. Believe it or not, FP offers this too. But, it is not a debug with outline. If you select Show Formatting (¶) from your toolbar you' ll get similar results.
Ever since I' ve used FP that feature has been on. Without it, you cannot see any outlines of your document structure, you have a plain white canvas. Then, to take it one step further, you select Reveal Tags (Ctrl + /). This really gives you a great view of your document structure. I' ve not yet found a better program than FP for just this type of viewing pleasure.
The other thing you can do is assign a border to all of your block level elements in your CSS file. I usually have a general set of rules at the top of my style sheet and add this during development...
body, div, form, h1, input, li, ol, p, select, td, textarea, tr, ul{
border:1px solid #999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
line-height:16px;
}
That way I can see at the browser level what the document structure looks like.
|
|
|
|
