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.
  • Internal paths in single or double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or path. Paths to files in single or double quotes, written as "files:somefile.ext", for example, are replaced with the appropriate URL that can be used to download the file.
  • 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>
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Lines and paragraphs break automatically.

More information about formatting options

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