User login

Debugging Internet Explorer problems the Agaric way

Big ol' Get Firefox buttons!

Oh, OK, there's also another Agaric way for working around IE bugs, quirks, and problems.

Agaric Standard Operating Procedure (as of today)

If it is a border, box, or graphic overlapping something else or otherwise displaying incorrectly, get a measurement of a the thing showing wrong -- screenshot and the GIMP or another graphics editing program if necessary -- and get its dimensions.

Search for that dimension in an aggregated Cascading Style Sheet file (available in Firefox developer tools which with the web developer extension installed can be found here, Tools » Web Developer » CSS » View CSS, see attached screenshot).

For any debugging of Microsoft Internet Explorer:

Save a web page with an example of the problem as web page complete or archive or whatever MSIE calls it.

You can edit this file with a text editor (even though it will have weired artifacts) and just hit reload in IE.

Agaric's recommended method of going through the file is to delete things (non-macro-layout divs, preferably) until the problem goes away-- then you know where the problem is.

See also:

http://data.agaric.com/node/2721

Comments

For debugging display issues in Firefox

Of course, simply use Firebug.

And now for IE

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.