Welcome to WebmasterWorld Guest from 126.96.36.199
Forum Moderators: incrediBILL
What I like is that this goes way beyond what you put in your web code. You can see masses of extra information that IE uses to make up the page. Including... drum roll...
That mysterious property that can affect layouts. What I noticed is that all the elements I looked at on a typical web page had this set to -1. So I assume this means hasLayout is "off"?
This alone could be extremely useful in tracking down layout bugs!
The DOM Explorer also allows you to add attributes to the page. It offers a huge list of these - you can even add zoom!
Back to the rest of the toolbar...
So do yourselves a favour and download this excellent tool. Firefox ain't the only player in town with such a useful tool in its box of tricks.
It works with IE6 too, not just IE7.
[edited by: engine at 12:31 pm (utc) on Feb. 1, 2006]
[edit reason] added beta link [/edit]
BODY, IMG, INPUT, TABLE and TD elements always have layout.
You can test this by adding a height to a P or UL etc, then removing it.
-1 means hasLayout is true, 0 means it's false
and if you check the box to "show default styles" it will show you the hasLayout status regardless of whether it's explicitly set or not This is proving very useful in finding the child selector override hacks that are breaking, especially on the <a> elements which need hasLayout to make the hover work on the whole link not just the text portions.. (which btw is fixed in IE7 anyway ;))
see the css report thread later for more on this!
Thanks for the info