Agaric Design Collective

Debugging Internet Explorer problems the Agaric way

 
By Benjamin Melançon
on 31 Aug
2 comments

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.

AttachmentSize
viewcss.png149.38 KB
 

For debugging display issues in Firefox

Of course, simply use Firebug.

Posted by Benjamin Melançon on Thu, 2008-08-07 19:51
Post new comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <h1> <h2> <h3> <h4> <h5> <h6> <small> <pre> <strike> <sub> <sup> <kbd> <s>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.